#CC425C - #FF976B | 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 #CC425C to #FF976B

#CC425C #FF976B

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

#CC425C - #FF976B | 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 #CC425C as 0% and #FF976B as 100%.

0.0%	0.0% #CC425C	RGB 204 66 92	#CC425C
16.7%	16.7% #D4505E	RGB 212 80 94	#D4505E
33.3%	33.3% #DD5E61	RGB 221 94 97	#DD5E61
50.0%	50.0% #E56C63	RGB 229 108 99	#E56C63
66.7%	66.7% #EE7A66	RGB 238 122 102	#EE7A66
83.3%	83.3% #F68868	RGB 246 136 104	#F68868
100.0%	100.0% #FF976B	RGB 255 151 107	#FF976B

#CC425C #D4505E #DD5E61 #E56C63 #EE7A66 #F68868 #FF976B

#CC425C - #FF976B

HSV Blend

#CC425C - #FF976B | 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 #CC425C as 0% and #FF976B as 100%.

0.0%	0.0% #CC425C	RGB 204 66 92	#CC425C
16.7%	16.7% #D44857	RGB 212 72 87	#D44857
33.3%	33.3% #DD4E52	RGB 221 78 82	#DD4E52
50.0%	50.0% #E55D55	RGB 229 93 85	#E55D55
66.7%	66.7% #EE6F5C	RGB 238 111 92	#EE6F5C
83.3%	83.3% #F68363	RGB 246 131 99	#F68363
100.0%	100.0% #FF976B	RGB 255 151 107	#FF976B

#CC425C #D44857 #DD4E52 #E55D55 #EE6F5C #F68363 #FF976B

#CC425C - #E55D55 - #FF976B

CSS codes

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

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