#DAB6FF - #CBEEE9 | 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 #DAB6FF to #CBEEE9

#DAB6FF #CBEEE9

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

#DAB6FF - #CBEEE9 | 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 #DAB6FF as 0% and #CBEEE9 as 100%.

0.0%	0.0% #DAB6FF	RGB 218 182 255	#DAB6FF
16.7%	16.7% #D7BFFB	RGB 215 191 251	#D7BFFB
33.3%	33.3% #D5C8F7	RGB 213 200 247	#D5C8F7
50.0%	50.0% #D2D2F4	RGB 210 210 244	#D2D2F4
66.7%	66.7% #D0DBF0	RGB 208 219 240	#D0DBF0
83.3%	83.3% #CDE4EC	RGB 205 228 236	#CDE4EC
100.0%	100.0% #CBEEE9	RGB 203 238 233	#CBEEE9

#DAB6FF #D7BFFB #D5C8F7 #D2D2F4 #D0DBF0 #CDE4EC #CBEEE9

#DAB6FF - #CBEEE9

HSV Blend

#DAB6FF - #CBEEE9 | 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 #DAB6FF as 0% and #CBEEE9 as 100%.

0.0%	0.0% #DAB6FF	RGB 218 182 255	#DAB6FF
16.7%	16.7% #C8B9FC	RGB 200 185 252	#C8B9FC
33.3%	33.3% #BDC0F9	RGB 189 192 249	#BDC0F9
50.0%	50.0% #C1D2F6	RGB 193 210 246	#C1D2F6
66.7%	66.7% #C4E0F3	RGB 196 224 243	#C4E0F3
83.3%	83.3% #C7EBF0	RGB 199 235 240	#C7EBF0
100.0%	100.0% #CBEEE9	RGB 203 238 233	#CBEEE9

#DAB6FF #C8B9FC #BDC0F9 #C1D2F6 #C4E0F3 #C7EBF0 #CBEEE9

#DAB6FF - #C1D2F6 - #CBEEE9

CSS codes

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

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