#DAB2E2 - #BECEFE | 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 #DAB2E2 to #BECEFE

#DAB2E2 #BECEFE

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

#DAB2E2 - #BECEFE | 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 #DAB2E2 as 0% and #BECEFE as 100%.

0.0%	0.0% #DAB2E2	RGB 218 178 226	#DAB2E2
16.7%	16.7% #D5B6E6	RGB 213 182 230	#D5B6E6
33.3%	33.3% #D0BBEB	RGB 208 187 235	#D0BBEB
50.0%	50.0% #CCC0F0	RGB 204 192 240	#CCC0F0
66.7%	66.7% #C7C4F4	RGB 199 196 244	#C7C4F4
83.3%	83.3% #C2C9F9	RGB 194 201 249	#C2C9F9
100.0%	100.0% #BECEFE	RGB 190 206 254	#BECEFE

#DAB2E2 #D5B6E6 #D0BBEB #CCC0F0 #C7C4F4 #C2C9F9 #BECEFE

#DAB2E2 - #BECEFE

HSV Blend

#DAB2E2 - #BECEFE | 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 #DAB2E2 as 0% and #BECEFE as 100%.

0.0%	0.0% #DAB2E2	RGB 218 178 226	#DAB2E2
16.7%	16.7% #D5B4E6	RGB 213 180 230	#D5B4E6
33.3%	33.3% #CFB6EB	RGB 207 182 235	#CFB6EB
50.0%	50.0% #C8B8F0	RGB 200 184 240	#C8B8F0
66.7%	66.7% #C0BAF4	RGB 192 186 244	#C0BAF4
83.3%	83.3% #BCC0F9	RGB 188 192 249	#BCC0F9
100.0%	100.0% #BECEFE	RGB 190 206 254	#BECEFE

#DAB2E2 #D5B4E6 #CFB6EB #C8B8F0 #C0BAF4 #BCC0F9 #BECEFE

#DAB2E2 - #C8B8F0 - #BECEFE

CSS codes

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

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