#C088D4 - #66228E | 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 #C088D4 to #66228E

#C088D4 #66228E

Calculate the color between two colors, #C088D4 and #66228E. 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)

#C088D4 - #66228E | 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 #C088D4 as 0% and #66228E as 100%.

0.0%	0.0% #C088D4	RGB 192 136 212	#C088D4
16.7%	16.7% #B177C8	RGB 177 119 200	#B177C8
33.3%	33.3% #A266BC	RGB 162 102 188	#A266BC
50.0%	50.0% #9355B1	RGB 147 85 177	#9355B1
66.7%	66.7% #8444A5	RGB 132 68 165	#8444A5
83.3%	83.3% #753399	RGB 117 51 153	#753399
100.0%	100.0% #66228E	RGB 102 34 142	#66228E

#C088D4 #B177C8 #A266BC #9355B1 #8444A5 #753399 #66228E

#C088D4 - #66228E

HSV Blend

#C088D4 - #66228E | 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 #C088D4 as 0% and #66228E as 100%.

0.0%	0.0% #C088D4	RGB 192 136 212	#C088D4
16.7%	16.7% #B073C8	RGB 176 115 200	#B073C8
33.3%	33.3% #A05FBC	RGB 160 95 188	#A05FBC
50.0%	50.0% #914DB1	RGB 145 77 177	#914DB1
66.7%	66.7% #823DA5	RGB 130 61 165	#823DA5
83.3%	83.3% #742F99	RGB 116 47 153	#742F99
100.0%	100.0% #66228E	RGB 102 34 142	#66228E

#C088D4 #B073C8 #A05FBC #914DB1 #823DA5 #742F99 #66228E

#C088D4 - #914DB1 - #66228E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C088D4 0%, #914DB1 50%, #66228E 100%);
    background: -webkit-linear-gradient(top, #C088D4 0%, #914DB1 50%, #66228E 100%);
    background: linear-gradient(to bottom, #C088D4 0%, #914DB1 50%, #66228E 100%);
}
</style>