#CB2D5C - #FE404A | 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 #CB2D5C to #FE404A

#CB2D5C #FE404A

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

#CB2D5C - #FE404A | 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 #CB2D5C as 0% and #FE404A as 100%.

0.0%	0.0% #CB2D5C	RGB 203 45 92	#CB2D5C
16.7%	16.7% #D33059	RGB 211 48 89	#D33059
33.3%	33.3% #DC3356	RGB 220 51 86	#DC3356
50.0%	50.0% #E43653	RGB 228 54 83	#E43653
66.7%	66.7% #ED3950	RGB 237 57 80	#ED3950
83.3%	83.3% #F53C4D	RGB 245 60 77	#F53C4D
100.0%	100.0% #FE404A	RGB 254 64 74	#FE404A

#CB2D5C #D33059 #DC3356 #E43653 #ED3950 #F53C4D #FE404A

#CB2D5C - #FE404A

HSV Blend

#CB2D5C - #FE404A | 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 #CB2D5C as 0% and #FE404A as 100%.

0.0%	0.0% #CB2D5C	RGB 203 45 92	#CB2D5C
16.7%	16.7% #D32F59	RGB 211 47 89	#D32F59
33.3%	33.3% #DC3257	RGB 220 50 87	#DC3257
50.0%	50.0% #E43654	RGB 228 54 84	#E43654
66.7%	66.7% #ED3951	RGB 237 57 81	#ED3951
83.3%	83.3% #F53C4D	RGB 245 60 77	#F53C4D
100.0%	100.0% #FE404A	RGB 254 64 74	#FE404A

#CB2D5C #D32F59 #DC3257 #E43654 #ED3951 #F53C4D #FE404A

#CB2D5C - #E43654 - #FE404A

CSS codes

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

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