#FF958C - #CD130E | 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 #FF958C to #CD130E

#FF958C #CD130E

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

#FF958C - #CD130E | 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 #FF958C as 0% and #CD130E as 100%.

0.0%	0.0% #FF958C	RGB 255 149 140	#FF958C
16.7%	16.7% #F67F77	RGB 246 127 119	#F67F77
33.3%	33.3% #EE6962	RGB 238 105 98	#EE6962
50.0%	50.0% #E6544D	RGB 230 84 77	#E6544D
66.7%	66.7% #DD3E38	RGB 221 62 56	#DD3E38
83.3%	83.3% #D52823	RGB 213 40 35	#D52823
100.0%	100.0% #CD130E	RGB 205 19 14	#CD130E

#FF958C #F67F77 #EE6962 #E6544D #DD3E38 #D52823 #CD130E

#FF958C - #CD130E

HSV Blend

#FF958C - #CD130E | 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 #FF958C as 0% and #CD130E as 100%.

0.0%	0.0% #FF958C	RGB 255 149 140	#FF958C
16.7%	16.7% #F67C73	RGB 246 124 115	#F67C73
33.3%	33.3% #EE655C	RGB 238 101 92	#EE655C
50.0%	50.0% #E64F46	RGB 230 79 70	#E64F46
66.7%	66.7% #DD3A32	RGB 221 58 50	#DD3A32
83.3%	83.3% #D5251F	RGB 213 37 31	#D5251F
100.0%	100.0% #CD130E	RGB 205 19 14	#CD130E

#FF958C #F67C73 #EE655C #E64F46 #DD3A32 #D5251F #CD130E

#FF958C - #E64F46 - #CD130E

CSS codes

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

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