#FF9AA0 - #CD3E52 | 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 #FF9AA0 to #CD3E52

#FF9AA0 #CD3E52

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

#FF9AA0 - #CD3E52 | 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 #FF9AA0 as 0% and #CD3E52 as 100%.

0.0%	0.0% #FF9AA0	RGB 255 154 160	#FF9AA0
16.7%	16.7% #F68A93	RGB 246 138 147	#F68A93
33.3%	33.3% #EE7B86	RGB 238 123 134	#EE7B86
50.0%	50.0% #E66C79	RGB 230 108 121	#E66C79
66.7%	66.7% #DD5C6C	RGB 221 92 108	#DD5C6C
83.3%	83.3% #D54D5F	RGB 213 77 95	#D54D5F
100.0%	100.0% #CD3E52	RGB 205 62 82	#CD3E52

#FF9AA0 #F68A93 #EE7B86 #E66C79 #DD5C6C #D54D5F #CD3E52

#FF9AA0 - #CD3E52

HSV Blend

#FF9AA0 - #CD3E52 | 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 #FF9AA0 as 0% and #CD3E52 as 100%.

0.0%	0.0% #FF9AA0	RGB 255 154 160	#FF9AA0
16.7%	16.7% #F68890	RGB 246 136 144	#F68890
33.3%	33.3% #EE7782	RGB 238 119 130	#EE7782
50.0%	50.0% #E66874	RGB 230 104 116	#E66874
66.7%	66.7% #DD5968	RGB 221 89 104	#DD5968
83.3%	83.3% #D54B5C	RGB 213 75 92	#D54B5C
100.0%	100.0% #CD3E52	RGB 205 62 82	#CD3E52

#FF9AA0 #F68890 #EE7782 #E66874 #DD5968 #D54B5C #CD3E52

#FF9AA0 - #E66874 - #CD3E52

CSS codes

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

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