#C0949F - #C8CCC8 | 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 #C0949F to #C8CCC8

#C0949F #C8CCC8

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

#C0949F - #C8CCC8 | 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 #C0949F as 0% and #C8CCC8 as 100%.

0.0%	0.0% #C0949F	RGB 192 148 159	#C0949F
16.7%	16.7% #C19DA5	RGB 193 157 165	#C19DA5
33.3%	33.3% #C2A6AC	RGB 194 166 172	#C2A6AC
50.0%	50.0% #C4B0B3	RGB 196 176 179	#C4B0B3
66.7%	66.7% #C5B9BA	RGB 197 185 186	#C5B9BA
83.3%	83.3% #C6C2C1	RGB 198 194 193	#C6C2C1
100.0%	100.0% #C8CCC8	RGB 200 204 200	#C8CCC8

#C0949F #C19DA5 #C2A6AC #C4B0B3 #C5B9BA #C6C2C1 #C8CCC8

#C0949F - #C8CCC8

HSV Blend

#C0949F - #C8CCC8 | 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 #C0949F as 0% and #C8CCC8 as 100%.

0.0%	0.0% #C0949E	RGB 192 148 158	#C0949E
16.7%	16.7% #C2A19C	RGB 194 161 156	#C2A19C
33.3%	33.3% #C4B4A4	RGB 196 180 164	#C4B4A4
50.0%	50.0% #C6C2AD	RGB 198 194 173	#C6C2AD
66.7%	66.7% #C3C8B6	RGB 195 200 182	#C3C8B6
83.3%	83.3% #C3CABE	RGB 195 202 190	#C3CABE
100.0%	100.0% #C8CCC8	RGB 200 204 200	#C8CCC8

#C0949E #C2A19C #C4B4A4 #C6C2AD #C3C8B6 #C3CABE #C8CCC8

#C0949F - #C6C2AD - #C8CCC8

CSS codes

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

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