#C096C1 - #8D3E88 | 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 #C096C1 to #8D3E88

#C096C1 #8D3E88

Calculate the color between two colors, #C096C1 and #8D3E88. 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)

#C096C1 - #8D3E88 | 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 #C096C1 as 0% and #8D3E88 as 100%.

0.0%	0.0% #C096C1	RGB 192 150 193	#C096C1
16.7%	16.7% #B787B7	RGB 183 135 183	#B787B7
33.3%	33.3% #AF78AE	RGB 175 120 174	#AF78AE
50.0%	50.0% #A66AA4	RGB 166 106 164	#A66AA4
66.7%	66.7% #9E5B9B	RGB 158 91 155	#9E5B9B
83.3%	83.3% #954C91	RGB 149 76 145	#954C91
100.0%	100.0% #8D3E88	RGB 141 62 136	#8D3E88

#C096C1 #B787B7 #AF78AE #A66AA4 #9E5B9B #954C91 #8D3E88

#C096C1 - #8D3E88

HSV Blend

#C096C1 - #8D3E88 | 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 #C096C1 as 0% and #8D3E88 as 100%.

0.0%	0.0% #C096C1	RGB 192 150 193	#C096C1
16.7%	16.7% #B784B8	RGB 183 132 184	#B784B8
33.3%	33.3% #AF74AF	RGB 175 116 175	#AF74AF
50.0%	50.0% #A765A5	RGB 167 101 165	#A765A5
66.7%	66.7% #9E579B	RGB 158 87 155	#9E579B
83.3%	83.3% #954A91	RGB 149 74 145	#954A91
100.0%	100.0% #8D3E88	RGB 141 62 136	#8D3E88

#C096C1 #B784B8 #AF74AF #A765A5 #9E579B #954A91 #8D3E88

#C096C1 - #A765A5 - #8D3E88

CSS codes

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

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