#1D1036 - #7E485C | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #1D1036 to #7E485C

#1D1036 #7E485C

Calculate the color between two colors, #1D1036 and #7E485C. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#1D1036 - #7E485C | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #1D1036 as 0% and #7E485C as 100%.

0.0%	0.0% #1D1036	RGB 29 16 54	#1D1036
16.7%	16.7% #2D193C	RGB 45 25 60	#2D193C
33.3%	33.3% #3D2242	RGB 61 34 66	#3D2242
50.0%	50.0% #4D2C49	RGB 77 44 73	#4D2C49
66.7%	66.7% #5D354F	RGB 93 53 79	#5D354F
83.3%	83.3% #6D3E55	RGB 109 62 85	#6D3E55
100.0%	100.0% #7E485C	RGB 126 72 92	#7E485C

#1D1036 #2D193C #3D2242 #4D2C49 #5D354F #6D3E55 #7E485C

#1D1036 - #7E485C

HSV Blend

#1D1036 - #7E485C | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #1D1036 as 0% and #7E485C as 100%.

0.0%	0.0% #1C1036	RGB 28 16 54	#1C1036
16.7%	16.7% #2E1642	RGB 46 22 66	#2E1642
33.3%	33.3% #431E4E	RGB 67 30 78	#431E4E
50.0%	50.0% #59275A	RGB 89 39 90	#59275A
66.7%	66.7% #66305B	RGB 102 48 91	#66305B
83.3%	83.3% #723B5B	RGB 114 59 91	#723B5B
100.0%	100.0% #7E485C	RGB 126 72 92	#7E485C

#1C1036 #2E1642 #431E4E #59275A #66305B #723B5B #7E485C

#1D1036 - #59275A - #7E485C

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #1D1036 0%, #7E485C 100%);
    background: -webkit-linear-gradient(top, #1D1036 0%, #7E485C 100%);
    background: linear-gradient(to bottom, #1D1036 0%, #7E485C 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C1036 0%, #59275A 50%, #7E485C 100%);
    background: -webkit-linear-gradient(top, #1C1036 0%, #59275A 50%, #7E485C 100%);
    background: linear-gradient(to bottom, #1C1036 0%, #59275A 50%, #7E485C 100%);
}
</style>