#CE8C9C - #FFD6B3 | 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 #CE8C9C to #FFD6B3

#CE8C9C #FFD6B3

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

#CE8C9C - #FFD6B3 | 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 #CE8C9C as 0% and #FFD6B3 as 100%.

0.0%	0.0% #CE8C9C	RGB 206 140 156	#CE8C9C
16.7%	16.7% #D6989F	RGB 214 152 159	#D6989F
33.3%	33.3% #DEA4A3	RGB 222 164 163	#DEA4A3
50.0%	50.0% #E6B1A7	RGB 230 177 167	#E6B1A7
66.7%	66.7% #EEBDAB	RGB 238 189 171	#EEBDAB
83.3%	83.3% #F6C9AF	RGB 246 201 175	#F6C9AF
100.0%	100.0% #FFD6B3	RGB 255 214 179	#FFD6B3

#CE8C9C #D6989F #DEA4A3 #E6B1A7 #EEBDAB #F6C9AF #FFD6B3

#CE8C9C - #FFD6B3

HSV Blend

#CE8C9C - #FFD6B3 | 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 #CE8C9C as 0% and #FFD6B3 as 100%.

0.0%	0.0% #CE8C9C	RGB 206 140 156	#CE8C9C
16.7%	16.7% #D6929A	RGB 214 146 154	#D6929A
33.3%	33.3% #DE9899	RGB 222 152 153	#DE9899
50.0%	50.0% #E6A69F	RGB 230 166 159	#E6A69F
66.7%	66.7% #EEB6A5	RGB 238 182 165	#EEB6A5
83.3%	83.3% #F6C5AC	RGB 246 197 172	#F6C5AC
100.0%	100.0% #FFD6B3	RGB 255 214 179	#FFD6B3

#CE8C9C #D6929A #DE9899 #E6A69F #EEB6A5 #F6C5AC #FFD6B3

#CE8C9C - #E6A69F - #FFD6B3

CSS codes

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

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