#CD58B6 - #F9C2DB | 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 #CD58B6 to #F9C2DB

#CD58B6 #F9C2DB

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

#CD58B6 - #F9C2DB | 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 #CD58B6 as 0% and #F9C2DB as 100%.

0.0%	0.0% #CD58B6	RGB 205 88 182	#CD58B6
16.7%	16.7% #D469BC	RGB 212 105 188	#D469BC
33.3%	33.3% #DB7BC2	RGB 219 123 194	#DB7BC2
50.0%	50.0% #E38DC8	RGB 227 141 200	#E38DC8
66.7%	66.7% #EA9ECE	RGB 234 158 206	#EA9ECE
83.3%	83.3% #F1B0D4	RGB 241 176 212	#F1B0D4
100.0%	100.0% #F9C2DB	RGB 249 194 219	#F9C2DB

#CD58B6 #D469BC #DB7BC2 #E38DC8 #EA9ECE #F1B0D4 #F9C2DB

#CD58B6 - #F9C2DB

HSV Blend

#CD58B6 - #F9C2DB | 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 #CD58B6 as 0% and #F9C2DB as 100%.

0.0%	0.0% #CD57B6	RGB 205 87 182	#CD57B6
16.7%	16.7% #D467B8	RGB 212 103 184	#D467B8
33.3%	33.3% #DB77BC	RGB 219 119 188	#DB77BC
50.0%	50.0% #E389C1	RGB 227 137 193	#E389C1
66.7%	66.7% #EA9BC8	RGB 234 155 200	#EA9BC8
83.3%	83.3% #F1AED0	RGB 241 174 208	#F1AED0
100.0%	100.0% #F9C2DB	RGB 249 194 219	#F9C2DB

#CD57B6 #D467B8 #DB77BC #E389C1 #EA9BC8 #F1AED0 #F9C2DB

#CD58B6 - #E389C1 - #F9C2DB

CSS codes

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

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