#C9005E - #B7ABFF | 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 #C9005E to #B7ABFF

#C9005E #B7ABFF

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

#C9005E - #B7ABFF | 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 #C9005E as 0% and #B7ABFF as 100%.

0.0%	0.0% #C9005E	RGB 201 0 94	#C9005E
16.7%	16.7% #C61C78	RGB 198 28 120	#C61C78
33.3%	33.3% #C33993	RGB 195 57 147	#C33993
50.0%	50.0% #C055AE	RGB 192 85 174	#C055AE
66.7%	66.7% #BD72C9	RGB 189 114 201	#BD72C9
83.3%	83.3% #BA8EE4	RGB 186 142 228	#BA8EE4
100.0%	100.0% #B7ABFF	RGB 183 171 255	#B7ABFF

#C9005E #C61C78 #C33993 #C055AE #BD72C9 #BA8EE4 #B7ABFF

#C9005E - #B7ABFF

HSV Blend

#C9005E - #B7ABFF | 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 #C9005E as 0% and #B7ABFF as 100%.

0.0%	0.0% #C9005E	RGB 201 0 94	#C9005E
16.7%	16.7% #D21799	RGB 210 23 153	#D21799
33.3%	33.3% #DB30CF	RGB 219 48 207	#DB30CF
50.0%	50.0% #CB4CE4	RGB 203 76 228	#CB4CE4
66.7%	66.7% #B969ED	RGB 185 105 237	#B969ED
83.3%	83.3% #B289F6	RGB 178 137 246	#B289F6
100.0%	100.0% #B7ABFF	RGB 183 171 255	#B7ABFF

#C9005E #D21799 #DB30CF #CB4CE4 #B969ED #B289F6 #B7ABFF

#C9005E - #CB4CE4 - #B7ABFF

CSS codes

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

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