#CC3C5C - #FF916B | 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 #CC3C5C to #FF916B

#CC3C5C #FF916B

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

#CC3C5C - #FF916B | 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 #CC3C5C as 0% and #FF916B as 100%.

0.0%	0.0% #CC3C5C	RGB 204 60 92	#CC3C5C
16.7%	16.7% #D44A5E	RGB 212 74 94	#D44A5E
33.3%	33.3% #DD5861	RGB 221 88 97	#DD5861
50.0%	50.0% #E56663	RGB 229 102 99	#E56663
66.7%	66.7% #EE7466	RGB 238 116 102	#EE7466
83.3%	83.3% #F68268	RGB 246 130 104	#F68268
100.0%	100.0% #FF916B	RGB 255 145 107	#FF916B

#CC3C5C #D44A5E #DD5861 #E56663 #EE7466 #F68268 #FF916B

#CC3C5C - #FF916B

HSV Blend

#CC3C5C - #FF916B | 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 #CC3C5C as 0% and #FF916B as 100%.

0.0%	0.0% #CC3C5B	RGB 204 60 91	#CC3C5B
16.7%	16.7% #D44257	RGB 212 66 87	#D44257
33.3%	33.3% #DD4A53	RGB 221 74 83	#DD4A53
50.0%	50.0% #E55451	RGB 229 84 81	#E55451
66.7%	66.7% #EE6859	RGB 238 104 89	#EE6859
83.3%	83.3% #F67C62	RGB 246 124 98	#F67C62
100.0%	100.0% #FF916B	RGB 255 145 107	#FF916B

#CC3C5B #D44257 #DD4A53 #E55451 #EE6859 #F67C62 #FF916B

#CC3C5C - #E55451 - #FF916B

CSS codes

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

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