#CC6B6E - #FFB981 | 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 #CC6B6E to #FFB981

#CC6B6E #FFB981

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

#CC6B6E - #FFB981 | 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 #CC6B6E as 0% and #FFB981 as 100%.

0.0%	0.0% #CC6B6E	RGB 204 107 110	#CC6B6E
16.7%	16.7% #D47871	RGB 212 120 113	#D47871
33.3%	33.3% #DD8574	RGB 221 133 116	#DD8574
50.0%	50.0% #E59277	RGB 229 146 119	#E59277
66.7%	66.7% #EE9F7A	RGB 238 159 122	#EE9F7A
83.3%	83.3% #F6AC7D	RGB 246 172 125	#F6AC7D
100.0%	100.0% #FFB981	RGB 255 185 129	#FFB981

#CC6B6E #D47871 #DD8574 #E59277 #EE9F7A #F6AC7D #FFB981

#CC6B6E - #FFB981

HSV Blend

#CC6B6E - #FFB981 | 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 #CC6B6E as 0% and #FFB981 as 100%.

0.0%	0.0% #CC6B6D	RGB 204 107 109	#CC6B6D
16.7%	16.7% #D4736E	RGB 212 115 110	#D4736E
33.3%	33.3% #DD8072	RGB 221 128 114	#DD8072
50.0%	50.0% #E58D76	RGB 229 141 118	#E58D76
66.7%	66.7% #EE9B79	RGB 238 155 121	#EE9B79
83.3%	83.3% #F6A97D	RGB 246 169 125	#F6A97D
100.0%	100.0% #FFB981	RGB 255 185 129	#FFB981

#CC6B6D #D4736E #DD8072 #E58D76 #EE9B79 #F6A97D #FFB981

#CC6B6E - #E58D76 - #FFB981

CSS codes

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

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