#FF9AC1 - #CD3C81 | 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 #FF9AC1 to #CD3C81

#FF9AC1 #CD3C81

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

#FF9AC1 - #CD3C81 | 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 #FF9AC1 as 0% and #CD3C81 as 100%.

0.0%	0.0% #FF9AC1	RGB 255 154 193	#FF9AC1
16.7%	16.7% #F68AB6	RGB 246 138 182	#F68AB6
33.3%	33.3% #EE7AAB	RGB 238 122 171	#EE7AAB
50.0%	50.0% #E66BA1	RGB 230 107 161	#E66BA1
66.7%	66.7% #DD5B96	RGB 221 91 150	#DD5B96
83.3%	83.3% #D54B8B	RGB 213 75 139	#D54B8B
100.0%	100.0% #CD3C81	RGB 205 60 129	#CD3C81

#FF9AC1 #F68AB6 #EE7AAB #E66BA1 #DD5B96 #D54B8B #CD3C81

#FF9AC1 - #CD3C81

HSV Blend

#FF9AC1 - #CD3C81 | 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 #FF9AC1 as 0% and #CD3C81 as 100%.

0.0%	0.0% #FF9AC1	RGB 255 154 193	#FF9AC1
16.7%	16.7% #F688B4	RGB 246 136 180	#F688B4
33.3%	33.3% #EE77A8	RGB 238 119 168	#EE77A8
50.0%	50.0% #E6679D	RGB 230 103 157	#E6679D
66.7%	66.7% #DD5793	RGB 221 87 147	#DD5793
83.3%	83.3% #D54989	RGB 213 73 137	#D54989
100.0%	100.0% #CD3C81	RGB 205 60 129	#CD3C81

#FF9AC1 #F688B4 #EE77A8 #E6679D #DD5793 #D54989 #CD3C81

#FF9AC1 - #E6679D - #CD3C81

CSS codes

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

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