#FFA0DF - #CD2B7B | 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 #FFA0DF to #CD2B7B

#FFA0DF #CD2B7B

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

#FFA0DF - #CD2B7B | 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 #FFA0DF as 0% and #CD2B7B as 100%.

0.0%	0.0% #FFA0DF	RGB 255 160 223	#FFA0DF
16.7%	16.7% #F68CCE	RGB 246 140 206	#F68CCE
33.3%	33.3% #EE79BD	RGB 238 121 189	#EE79BD
50.0%	50.0% #E665AD	RGB 230 101 173	#E665AD
66.7%	66.7% #DD529C	RGB 221 82 156	#DD529C
83.3%	83.3% #D53E8B	RGB 213 62 139	#D53E8B
100.0%	100.0% #CD2B7B	RGB 205 43 123	#CD2B7B

#FFA0DF #F68CCE #EE79BD #E665AD #DD529C #D53E8B #CD2B7B

#FFA0DF - #CD2B7B

HSV Blend

#FFA0DF - #CD2B7B | 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 #FFA0DF as 0% and #CD2B7B as 100%.

0.0%	0.0% #FFA0DF	RGB 255 160 223	#FFA0DF
16.7%	16.7% #F689CE	RGB 246 137 206	#F689CE
33.3%	33.3% #EE74BE	RGB 238 116 190	#EE74BE
50.0%	50.0% #E660AD	RGB 230 96 173	#E660AD
66.7%	66.7% #DD4D9C	RGB 221 77 156	#DD4D9C
83.3%	83.3% #D53B8B	RGB 213 59 139	#D53B8B
100.0%	100.0% #CD2B7B	RGB 205 43 123	#CD2B7B

#FFA0DF #F689CE #EE74BE #E660AD #DD4D9C #D53B8B #CD2B7B

#FFA0DF - #E660AD - #CD2B7B

CSS codes

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

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