#FF95C7 - #CD3388 | 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 #FF95C7 to #CD3388

#FF95C7 #CD3388

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

#FF95C7 - #CD3388 | 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 #FF95C7 as 0% and #CD3388 as 100%.

0.0%	0.0% #FF95C7	RGB 255 149 199	#FF95C7
16.7%	16.7% #F684BC	RGB 246 132 188	#F684BC
33.3%	33.3% #EE74B2	RGB 238 116 178	#EE74B2
50.0%	50.0% #E664A7	RGB 230 100 167	#E664A7
66.7%	66.7% #DD539D	RGB 221 83 157	#DD539D
83.3%	83.3% #D54392	RGB 213 67 146	#D54392
100.0%	100.0% #CD3388	RGB 205 51 136	#CD3388

#FF95C7 #F684BC #EE74B2 #E664A7 #DD539D #D54392 #CD3388

#FF95C7 - #CD3388

HSV Blend

#FF95C7 - #CD3388 | 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 #FF95C7 as 0% and #CD3388 as 100%.

0.0%	0.0% #FF95C7	RGB 255 149 199	#FF95C7
16.7%	16.7% #F682BA	RGB 246 130 186	#F682BA
33.3%	33.3% #EE70AF	RGB 238 112 175	#EE70AF
50.0%	50.0% #E65FA4	RGB 230 95 164	#E65FA4
66.7%	66.7% #DD4F9A	RGB 221 79 154	#DD4F9A
83.3%	83.3% #D54190	RGB 213 65 144	#D54190
100.0%	100.0% #CD3388	RGB 205 51 136	#CD3388

#FF95C7 #F682BA #EE70AF #E65FA4 #DD4F9A #D54190 #CD3388

#FF95C7 - #E65FA4 - #CD3388

CSS codes

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

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