#C28CDC - #C2B0FF | 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 #C28CDC to #C2B0FF

#C28CDC #C2B0FF

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

#C28CDC - #C2B0FF | 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 #C28CDC as 0% and #C2B0FF as 100%.

0.0%	0.0% #C28CDC	RGB 194 140 220	#C28CDC
16.7%	16.7% #C292E1	RGB 194 146 225	#C292E1
33.3%	33.3% #C298E7	RGB 194 152 231	#C298E7
50.0%	50.0% #C29EED	RGB 194 158 237	#C29EED
66.7%	66.7% #C2A4F3	RGB 194 164 243	#C2A4F3
83.3%	83.3% #C2AAF9	RGB 194 170 249	#C2AAF9
100.0%	100.0% #C2B0FF	RGB 194 176 255	#C2B0FF

#C28CDC #C292E1 #C298E7 #C29EED #C2A4F3 #C2AAF9 #C2B0FF

#C28CDC - #C2B0FF

HSV Blend

#C28CDC - #C2B0FF | 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 #C28CDC as 0% and #C2B0FF as 100%.

0.0%	0.0% #C28CDC	RGB 194 140 220	#C28CDC
16.7%	16.7% #C191E1	RGB 193 145 225	#C191E1
33.3%	33.3% #C197E7	RGB 193 151 231	#C197E7
50.0%	50.0% #C19DED	RGB 193 157 237	#C19DED
66.7%	66.7% #C1A3F3	RGB 193 163 243	#C1A3F3
83.3%	83.3% #C1A9F9	RGB 193 169 249	#C1A9F9
100.0%	100.0% #C2B0FF	RGB 194 176 255	#C2B0FF

#C28CDC #C191E1 #C197E7 #C19DED #C1A3F3 #C1A9F9 #C2B0FF

#C28CDC - #C19DED - #C2B0FF

CSS codes

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

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