#CC6B6D - #FF968B | 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 #FF968B

#CC6B6D #FF968B

Calculate the color between two colors, #CC6B6D and #FF968B. 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 - #FF968B | 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 #FF968B as 100%.

0.0%	0.0% #CC6B6D	RGB 204 107 109	#CC6B6D
16.7%	16.7% #D47272	RGB 212 114 114	#D47272
33.3%	33.3% #DD7977	RGB 221 121 119	#DD7977
50.0%	50.0% #E5807C	RGB 229 128 124	#E5807C
66.7%	66.7% #EE8781	RGB 238 135 129	#EE8781
83.3%	83.3% #F68E86	RGB 246 142 134	#F68E86
100.0%	100.0% #FF968B	RGB 255 150 139	#FF968B

#CC6B6D #D47272 #DD7977 #E5807C #EE8781 #F68E86 #FF968B

#CC6B6D - #FF968B

HSV Blend

#CC6B6D - #FF968B | 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 #FF968B as 100%.

0.0%	0.0% #CC6B6D	RGB 204 107 109	#CC6B6D
16.7%	16.7% #D47070	RGB 212 112 112	#D47070
33.3%	33.3% #DD7775	RGB 221 119 117	#DD7775
50.0%	50.0% #E57E7A	RGB 229 126 122	#E57E7A
66.7%	66.7% #EE8680	RGB 238 134 128	#EE8680
83.3%	83.3% #F68E85	RGB 246 142 133	#F68E85
100.0%	100.0% #FF968B	RGB 255 150 139	#FF968B

#CC6B6D #D47070 #DD7775 #E57E7A #EE8680 #F68E85 #FF968B

#CC6B6D - #E57E7A - #FF968B

CSS codes

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

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