#CC6B6D - #FFB97F | 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 #CC6B6D to #FFB97F

#CC6B6D #FFB97F

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

#CC6B6D - #FFB97F | 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 #CC6B6D as 0% and #FFB97F as 100%.

0.0%	0.0% #CC6B6D	RGB 204 107 109	#CC6B6D
16.7%	16.7% #D47870	RGB 212 120 112	#D47870
33.3%	33.3% #DD8573	RGB 221 133 115	#DD8573
50.0%	50.0% #E59276	RGB 229 146 118	#E59276
66.7%	66.7% #EE9F79	RGB 238 159 121	#EE9F79
83.3%	83.3% #F6AC7C	RGB 246 172 124	#F6AC7C
100.0%	100.0% #FFB97F	RGB 255 185 127	#FFB97F

#CC6B6D #D47870 #DD8573 #E59276 #EE9F79 #F6AC7C #FFB97F

#CC6B6D - #FFB97F

HSV Blend

#CC6B6D - #FFB97F | 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 #CC6B6D as 0% and #FFB97F as 100%.

0.0%	0.0% #CC6B6D	RGB 204 107 109	#CC6B6D
16.7%	16.7% #D4746E	RGB 212 116 110	#D4746E
33.3%	33.3% #DD8071	RGB 221 128 113	#DD8071
50.0%	50.0% #E58D75	RGB 229 141 117	#E58D75
66.7%	66.7% #EE9B78	RGB 238 155 120	#EE9B78
83.3%	83.3% #F6A97B	RGB 246 169 123	#F6A97B
100.0%	100.0% #FFB97F	RGB 255 185 127	#FFB97F

#CC6B6D #D4746E #DD8071 #E58D75 #EE9B78 #F6A97B #FFB97F

#CC6B6D - #E58D75 - #FFB97F

CSS codes

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

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