#CEB5BD - #FFD0CF | 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 #CEB5BD to #FFD0CF

#CEB5BD #FFD0CF

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

#CEB5BD - #FFD0CF | 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 #CEB5BD as 0% and #FFD0CF as 100%.

0.0%	0.0% #CEB5BD	RGB 206 181 189	#CEB5BD
16.7%	16.7% #D6B9C0	RGB 214 185 192	#D6B9C0
33.3%	33.3% #DEBEC3	RGB 222 190 195	#DEBEC3
50.0%	50.0% #E6C2C6	RGB 230 194 198	#E6C2C6
66.7%	66.7% #EEC7C9	RGB 238 199 201	#EEC7C9
83.3%	83.3% #F6CBCC	RGB 246 203 204	#F6CBCC
100.0%	100.0% #FFD0CF	RGB 255 208 207	#FFD0CF

#CEB5BD #D6B9C0 #DEBEC3 #E6C2C6 #EEC7C9 #F6CBCC #FFD0CF

#CEB5BD - #FFD0CF

HSV Blend

#CEB5BD - #FFD0CF | 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 #CEB5BD as 0% and #FFD0CF as 100%.

0.0%	0.0% #CEB5BD	RGB 206 181 189	#CEB5BD
16.7%	16.7% #D6B9C1	RGB 214 185 193	#D6B9C1
33.3%	33.3% #DEBEC4	RGB 222 190 196	#DEBEC4
50.0%	50.0% #E6C2C8	RGB 230 194 200	#E6C2C8
66.7%	66.7% #EEC7CA	RGB 238 199 202	#EEC7CA
83.3%	83.3% #F6CBCC	RGB 246 203 204	#F6CBCC
100.0%	100.0% #FFD0CF	RGB 255 208 207	#FFD0CF

#CEB5BD #D6B9C1 #DEBEC4 #E6C2C8 #EEC7CA #F6CBCC #FFD0CF

#CEB5BD - #E6C2C8 - #FFD0CF

CSS codes

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

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