#FF91CD - #CD2B8E | 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 #FF91CD to #CD2B8E

#FF91CD #CD2B8E

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

#FF91CD - #CD2B8E | 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 #FF91CD as 0% and #CD2B8E as 100%.

0.0%	0.0% #FF91CD	RGB 255 145 205	#FF91CD
16.7%	16.7% #F680C2	RGB 246 128 194	#F680C2
33.3%	33.3% #EE6FB8	RGB 238 111 184	#EE6FB8
50.0%	50.0% #E65EAD	RGB 230 94 173	#E65EAD
66.7%	66.7% #DD4DA3	RGB 221 77 163	#DD4DA3
83.3%	83.3% #D53C98	RGB 213 60 152	#D53C98
100.0%	100.0% #CD2B8E	RGB 205 43 142	#CD2B8E

#FF91CD #F680C2 #EE6FB8 #E65EAD #DD4DA3 #D53C98 #CD2B8E

#FF91CD - #CD2B8E

HSV Blend

#FF91CD - #CD2B8E | 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 #FF91CD as 0% and #CD2B8E as 100%.

0.0%	0.0% #FF91CD	RGB 255 145 205	#FF91CD
16.7%	16.7% #F67DC0	RGB 246 125 192	#F67DC0
33.3%	33.3% #EE6BB5	RGB 238 107 181	#EE6BB5
50.0%	50.0% #E659AA	RGB 230 89 170	#E659AA
66.7%	66.7% #DD49A0	RGB 221 73 160	#DD49A0
83.3%	83.3% #D53997	RGB 213 57 151	#D53997
100.0%	100.0% #CD2B8E	RGB 205 43 142	#CD2B8E

#FF91CD #F67DC0 #EE6BB5 #E659AA #DD49A0 #D53997 #CD2B8E

#FF91CD - #E659AA - #CD2B8E

CSS codes

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

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