#FF95C9 - #CE2D86 | 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 #FF95C9 to #CE2D86

#FF95C9 #CE2D86

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

#FF95C9 - #CE2D86 | 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 #FF95C9 as 0% and #CE2D86 as 100%.

0.0%	0.0% #FF95C9	RGB 255 149 201	#FF95C9
16.7%	16.7% #F683BD	RGB 246 131 189	#F683BD
33.3%	33.3% #EE72B2	RGB 238 114 178	#EE72B2
50.0%	50.0% #E661A7	RGB 230 97 167	#E661A7
66.7%	66.7% #DE4F9C	RGB 222 79 156	#DE4F9C
83.3%	83.3% #D63E91	RGB 214 62 145	#D63E91
100.0%	100.0% #CE2D86	RGB 206 45 134	#CE2D86

#FF95C9 #F683BD #EE72B2 #E661A7 #DE4F9C #D63E91 #CE2D86

#FF95C9 - #CE2D86

HSV Blend

#FF95C9 - #CE2D86 | 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 #FF95C9 as 0% and #CE2D86 as 100%.

0.0%	0.0% #FF95C9	RGB 255 149 201	#FF95C9
16.7%	16.7% #F681BC	RGB 246 129 188	#F681BC
33.3%	33.3% #EE6EAF	RGB 238 110 175	#EE6EAF
50.0%	50.0% #E65CA4	RGB 230 92 164	#E65CA4
66.7%	66.7% #DE4B99	RGB 222 75 153	#DE4B99
83.3%	83.3% #D63B8F	RGB 214 59 143	#D63B8F
100.0%	100.0% #CE2D86	RGB 206 45 134	#CE2D86

#FF95C9 #F681BC #EE6EAF #E65CA4 #DE4B99 #D63B8F #CE2D86

#FF95C9 - #E65CA4 - #CE2D86

CSS codes

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

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