#FF9ECF - #CD296D | 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 #FF9ECF to #CD296D

#FF9ECF #CD296D

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

#FF9ECF - #CD296D | 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 #FF9ECF as 0% and #CD296D as 100%.

0.0%	0.0% #FF9ECF	RGB 255 158 207	#FF9ECF
16.7%	16.7% #F68ABE	RGB 246 138 190	#F68ABE
33.3%	33.3% #EE77AE	RGB 238 119 174	#EE77AE
50.0%	50.0% #E6639E	RGB 230 99 158	#E6639E
66.7%	66.7% #DD508D	RGB 221 80 141	#DD508D
83.3%	83.3% #D53C7D	RGB 213 60 125	#D53C7D
100.0%	100.0% #CD296D	RGB 205 41 109	#CD296D

#FF9ECF #F68ABE #EE77AE #E6639E #DD508D #D53C7D #CD296D

#FF9ECF - #CD296D

HSV Blend

#FF9ECF - #CD296D | 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 #FF9ECF as 0% and #CD296D as 100%.

0.0%	0.0% #FF9ECF	RGB 255 158 207	#FF9ECF
16.7%	16.7% #F687BE	RGB 246 135 190	#F687BE
33.3%	33.3% #EE72AD	RGB 238 114 173	#EE72AD
50.0%	50.0% #E65E9C	RGB 230 94 156	#E65E9C
66.7%	66.7% #DD4B8C	RGB 221 75 140	#DD4B8C
83.3%	83.3% #D5397C	RGB 213 57 124	#D5397C
100.0%	100.0% #CD296D	RGB 205 41 109	#CD296D

#FF9ECF #F687BE #EE72AD #E65E9C #DD4B8C #D5397C #CD296D

#FF9ECF - #E65E9C - #CD296D

CSS codes

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

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