#FF9BC1 - #CD3E7F | 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 #FF9BC1 to #CD3E7F

#FF9BC1 #CD3E7F

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

#FF9BC1 - #CD3E7F | 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 #FF9BC1 as 0% and #CD3E7F as 100%.

0.0%	0.0% #FF9BC1	RGB 255 155 193	#FF9BC1
16.7%	16.7% #F68BB6	RGB 246 139 182	#F68BB6
33.3%	33.3% #EE7CAB	RGB 238 124 171	#EE7CAB
50.0%	50.0% #E66CA0	RGB 230 108 160	#E66CA0
66.7%	66.7% #DD5D95	RGB 221 93 149	#DD5D95
83.3%	83.3% #D54D8A	RGB 213 77 138	#D54D8A
100.0%	100.0% #CD3E7F	RGB 205 62 127	#CD3E7F

#FF9BC1 #F68BB6 #EE7CAB #E66CA0 #DD5D95 #D54D8A #CD3E7F

#FF9BC1 - #CD3E7F

HSV Blend

#FF9BC1 - #CD3E7F | 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 #FF9BC1 as 0% and #CD3E7F as 100%.

0.0%	0.0% #FF9BC1	RGB 255 155 193	#FF9BC1
16.7%	16.7% #F689B4	RGB 246 137 180	#F689B4
33.3%	33.3% #EE78A8	RGB 238 120 168	#EE78A8
50.0%	50.0% #E6689C	RGB 230 104 156	#E6689C
66.7%	66.7% #DD5992	RGB 221 89 146	#DD5992
83.3%	83.3% #D54B88	RGB 213 75 136	#D54B88
100.0%	100.0% #CD3E7F	RGB 205 62 127	#CD3E7F

#FF9BC1 #F689B4 #EE78A8 #E6689C #DD5992 #D54B88 #CD3E7F

#FF9BC1 - #E6689C - #CD3E7F

CSS codes

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

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