#D6A8C0 - #FFBEEF | 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 #D6A8C0 to #FFBEEF

#D6A8C0 #FFBEEF

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

#D6A8C0 - #FFBEEF | 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 #D6A8C0 as 0% and #FFBEEF as 100%.

0.0%	0.0% #D6A8C0	RGB 214 168 192	#D6A8C0
16.7%	16.7% #DCABC7	RGB 220 171 199	#DCABC7
33.3%	33.3% #E3AFCF	RGB 227 175 207	#E3AFCF
50.0%	50.0% #EAB3D7	RGB 234 179 215	#EAB3D7
66.7%	66.7% #F1B6DF	RGB 241 182 223	#F1B6DF
83.3%	83.3% #F8BAE7	RGB 248 186 231	#F8BAE7
100.0%	100.0% #FFBEEF	RGB 255 190 239	#FFBEEF

#D6A8C0 #DCABC7 #E3AFCF #EAB3D7 #F1B6DF #F8BAE7 #FFBEEF

#D6A8C0 - #FFBEEF

HSV Blend

#D6A8C0 - #FFBEEF | 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 #D6A8C0 as 0% and #FFBEEF as 100%.

0.0%	0.0% #D6A8C0	RGB 214 168 192	#D6A8C0
16.7%	16.7% #DCABC7	RGB 220 171 199	#DCABC7
33.3%	33.3% #E3AFCE	RGB 227 175 206	#E3AFCE
50.0%	50.0% #EAB3D6	RGB 234 179 214	#EAB3D6
66.7%	66.7% #F1B7DE	RGB 241 183 222	#F1B7DE
83.3%	83.3% #F8BAE6	RGB 248 186 230	#F8BAE6
100.0%	100.0% #FFBEEF	RGB 255 190 239	#FFBEEF

#D6A8C0 #DCABC7 #E3AFCE #EAB3D6 #F1B7DE #F8BAE6 #FFBEEF

#D6A8C0 - #EAB3D6 - #FFBEEF

CSS codes

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

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