#3E65CE - #D1EAD6 | 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 #3E65CE to #D1EAD6

#3E65CE #D1EAD6

Calculate the color between two colors, #3E65CE and #D1EAD6. 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)

#3E65CE - #D1EAD6 | 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 #3E65CE as 0% and #D1EAD6 as 100%.

0.0%	0.0% #3E65CE	RGB 62 101 206	#3E65CE
16.7%	16.7% #567BCF	RGB 86 123 207	#567BCF
33.3%	33.3% #6F91D0	RGB 111 145 208	#6F91D0
50.0%	50.0% #87A7D2	RGB 135 167 210	#87A7D2
66.7%	66.7% #A0BDD3	RGB 160 189 211	#A0BDD3
83.3%	83.3% #B8D3D4	RGB 184 211 212	#B8D3D4
100.0%	100.0% #D1EAD6	RGB 209 234 214	#D1EAD6

#3E65CE #567BCF #6F91D0 #87A7D2 #A0BDD3 #B8D3D4 #D1EAD6

#3E65CE - #D1EAD6

HSV Blend

#3E65CE - #D1EAD6 | 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 #3E65CE as 0% and #D1EAD6 as 100%.

0.0%	0.0% #3E64CE	RGB 62 100 206	#3E64CE
16.7%	16.7% #5496D2	RGB 84 150 210	#5496D2
33.3%	33.3% #6BBFD7	RGB 107 191 215	#6BBFD7
50.0%	50.0% #83DCD8	RGB 131 220 216	#83DCD8
66.7%	66.7% #9CE0CC	RGB 156 224 204	#9CE0CC
83.3%	83.3% #B6E5CB	RGB 182 229 203	#B6E5CB
100.0%	100.0% #D1EAD6	RGB 209 234 214	#D1EAD6

#3E64CE #5496D2 #6BBFD7 #83DCD8 #9CE0CC #B6E5CB #D1EAD6

#3E65CE - #83DCD8 - #D1EAD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E64CE 0%, #83DCD8 50%, #D1EAD6 100%);
    background: -webkit-linear-gradient(top, #3E64CE 0%, #83DCD8 50%, #D1EAD6 100%);
    background: linear-gradient(to bottom, #3E64CE 0%, #83DCD8 50%, #D1EAD6 100%);
}
</style>