#FF81AB - #CD034E | 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 #FF81AB to #CD034E

#FF81AB #CD034E

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

#FF81AB - #CD034E | 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 #FF81AB as 0% and #CD034E as 100%.

0.0%	0.0% #FF81AB	RGB 255 129 171	#FF81AB
16.7%	16.7% #F66C9B	RGB 246 108 155	#F66C9B
33.3%	33.3% #EE578C	RGB 238 87 140	#EE578C
50.0%	50.0% #E6427C	RGB 230 66 124	#E6427C
66.7%	66.7% #DD2D6D	RGB 221 45 109	#DD2D6D
83.3%	83.3% #D5185D	RGB 213 24 93	#D5185D
100.0%	100.0% #CD034E	RGB 205 3 78	#CD034E

#FF81AB #F66C9B #EE578C #E6427C #DD2D6D #D5185D #CD034E

#FF81AB - #CD034E

HSV Blend

#FF81AB - #CD034E | 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 #FF81AB as 0% and #CD034E as 100%.

0.0%	0.0% #FF81AB	RGB 255 129 171	#FF81AB
16.7%	16.7% #F66898	RGB 246 104 152	#F66898
33.3%	33.3% #EE5187	RGB 238 81 135	#EE5187
50.0%	50.0% #E63B77	RGB 230 59 119	#E63B77
66.7%	66.7% #DD2768	RGB 221 39 104	#DD2768
83.3%	83.3% #D5145A	RGB 213 20 90	#D5145A
100.0%	100.0% #CD034E	RGB 205 3 78	#CD034E

#FF81AB #F66898 #EE5187 #E63B77 #DD2768 #D5145A #CD034E

#FF81AB - #E63B77 - #CD034E

CSS codes

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

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