#DBA0FF - #C2F5E9 | 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 #DBA0FF to #C2F5E9

#DBA0FF #C2F5E9

Calculate the color between two colors, #DBA0FF and #C2F5E9. 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)

#DBA0FF - #C2F5E9 | 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 #DBA0FF as 0% and #C2F5E9 as 100%.

0.0%	0.0% #DBA0FF	RGB 219 160 255	#DBA0FF
16.7%	16.7% #D6AEFB	RGB 214 174 251	#D6AEFB
33.3%	33.3% #D2BCF7	RGB 210 188 247	#D2BCF7
50.0%	50.0% #CECAF4	RGB 206 202 244	#CECAF4
66.7%	66.7% #CAD8F0	RGB 202 216 240	#CAD8F0
83.3%	83.3% #C6E6EC	RGB 198 230 236	#C6E6EC
100.0%	100.0% #C2F5E9	RGB 194 245 233	#C2F5E9

#DBA0FF #D6AEFB #D2BCF7 #CECAF4 #CAD8F0 #C6E6EC #C2F5E9

#DBA0FF - #C2F5E9

HSV Blend

#DBA0FF - #C2F5E9 | 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 #DBA0FF as 0% and #C2F5E9 as 100%.

0.0%	0.0% #DBA0FF	RGB 219 160 255	#DBA0FF
16.7%	16.7% #C1A5FD	RGB 193 165 253	#C1A5FD
33.3%	33.3% #ABABFB	RGB 171 171 251	#ABABFB
50.0%	50.0% #B1C7FA	RGB 177 199 250	#B1C7FA
66.7%	66.7% #B7DFF8	RGB 183 223 248	#B7DFF8
83.3%	83.3% #BCF2F6	RGB 188 242 246	#BCF2F6
100.0%	100.0% #C2F5E9	RGB 194 245 233	#C2F5E9

#DBA0FF #C1A5FD #ABABFB #B1C7FA #B7DFF8 #BCF2F6 #C2F5E9

#DBA0FF - #B1C7FA - #C2F5E9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBA0FF 0%, #B1C7FA 50%, #C2F5E9 100%);
    background: -webkit-linear-gradient(top, #DBA0FF 0%, #B1C7FA 50%, #C2F5E9 100%);
    background: linear-gradient(to bottom, #DBA0FF 0%, #B1C7FA 50%, #C2F5E9 100%);
}
</style>