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

#CC8C9C #FFD6B3

Calculate the color between two colors, #CC8C9C 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)

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

0.0%	0.0% #CC8C9C	RGB 204 140 156	#CC8C9C
16.7%	16.7% #D4989F	RGB 212 152 159	#D4989F
33.3%	33.3% #DDA4A3	RGB 221 164 163	#DDA4A3
50.0%	50.0% #E5B1A7	RGB 229 177 167	#E5B1A7
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

#CC8C9C #D4989F #DDA4A3 #E5B1A7 #EEBDAB #F6C9AF #FFD6B3

#CC8C9C - #FFD6B3

HSV Blend

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

0.0%	0.0% #CC8C9C	RGB 204 140 156	#CC8C9C
16.7%	16.7% #D4929B	RGB 212 146 155	#D4929B
33.3%	33.3% #DD9899	RGB 221 152 153	#DD9899
50.0%	50.0% #E5A69F	RGB 229 166 159	#E5A69F
66.7%	66.7% #EEB5A5	RGB 238 181 165	#EEB5A5
83.3%	83.3% #F6C5AC	RGB 246 197 172	#F6C5AC
100.0%	100.0% #FFD6B3	RGB 255 214 179	#FFD6B3

#CC8C9C #D4929B #DD9899 #E5A69F #EEB5A5 #F6C5AC #FFD6B3

#CC8C9C - #E5A69F - #FFD6B3

CSS codes

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

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