#C99EB3 - #984265 | 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 #C99EB3 to #984265

#C99EB3 #984265

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

#C99EB3 - #984265 | 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 #C99EB3 as 0% and #984265 as 100%.

0.0%	0.0% #C99EB3	RGB 201 158 179	#C99EB3
16.7%	16.7% #C08EA6	RGB 192 142 166	#C08EA6
33.3%	33.3% #B87F99	RGB 184 127 153	#B87F99
50.0%	50.0% #B0708C	RGB 176 112 140	#B0708C
66.7%	66.7% #A8607F	RGB 168 96 127	#A8607F
83.3%	83.3% #A05172	RGB 160 81 114	#A05172
100.0%	100.0% #984265	RGB 152 66 101	#984265

#C99EB3 #C08EA6 #B87F99 #B0708C #A8607F #A05172 #984265

#C99EB3 - #984265

HSV Blend

#C99EB3 - #984265 | 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 #C99EB3 as 0% and #984265 as 100%.

0.0%	0.0% #C99EB3	RGB 201 158 179	#C99EB3
16.7%	16.7% #C08CA5	RGB 192 140 165	#C08CA5
33.3%	33.3% #B87B97	RGB 184 123 151	#B87B97
50.0%	50.0% #B06B8A	RGB 176 107 138	#B06B8A
66.7%	66.7% #A85C7D	RGB 168 92 125	#A85C7D
83.3%	83.3% #A04E71	RGB 160 78 113	#A04E71
100.0%	100.0% #984265	RGB 152 66 101	#984265

#C99EB3 #C08CA5 #B87B97 #B06B8A #A85C7D #A04E71 #984265

#C99EB3 - #B06B8A - #984265

CSS codes

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

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