#C05EC1 - #FFB9C5 | 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 #C05EC1 to #FFB9C5

#C05EC1 #FFB9C5

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

#C05EC1 - #FFB9C5 | 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 #C05EC1 as 0% and #FFB9C5 as 100%.

0.0%	0.0% #C05EC1	RGB 192 94 193	#C05EC1
16.7%	16.7% #CA6DC1	RGB 202 109 193	#CA6DC1
33.3%	33.3% #D57CC2	RGB 213 124 194	#D57CC2
50.0%	50.0% #DF8BC3	RGB 223 139 195	#DF8BC3
66.7%	66.7% #EA9AC3	RGB 234 154 195	#EA9AC3
83.3%	83.3% #F4A9C4	RGB 244 169 196	#F4A9C4
100.0%	100.0% #FFB9C5	RGB 255 185 197	#FFB9C5

#C05EC1 #CA6DC1 #D57CC2 #DF8BC3 #EA9AC3 #F4A9C4 #FFB9C5

#C05EC1 - #FFB9C5

HSV Blend

#C05EC1 - #FFB9C5 | 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 #C05EC1 as 0% and #FFB9C5 as 100%.

0.0%	0.0% #C05EC1	RGB 192 94 193	#C05EC1
16.7%	16.7% #CB6BBE	RGB 203 107 190	#CB6BBE
33.3%	33.3% #D579BC	RGB 213 121 188	#D579BC
50.0%	50.0% #E087BB	RGB 224 135 187	#E087BB
66.7%	66.7% #EA97BC	RGB 234 151 188	#EA97BC
83.3%	83.3% #F4A7BF	RGB 244 167 191	#F4A7BF
100.0%	100.0% #FFB9C5	RGB 255 185 197	#FFB9C5

#C05EC1 #CB6BBE #D579BC #E087BB #EA97BC #F4A7BF #FFB9C5

#C05EC1 - #E087BB - #FFB9C5

CSS codes

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

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