#C8A8D3 - #73498E | 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 #C8A8D3 to #73498E

#C8A8D3 #73498E

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

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

0.0%	0.0% #C8A8D3	RGB 200 168 211	#C8A8D3
16.7%	16.7% #B998C7	RGB 185 152 199	#B998C7
33.3%	33.3% #AB88BC	RGB 171 136 188	#AB88BC
50.0%	50.0% #9D78B0	RGB 157 120 176	#9D78B0
66.7%	66.7% #8F68A5	RGB 143 104 165	#8F68A5
83.3%	83.3% #815899	RGB 129 88 153	#815899
100.0%	100.0% #73498E	RGB 115 73 142	#73498E

#C8A8D3 #B998C7 #AB88BC #9D78B0 #8F68A5 #815899 #73498E

#C8A8D3 - #73498E

HSV Blend

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

0.0%	0.0% #C8A8D3	RGB 200 168 211	#C8A8D3
16.7%	16.7% #B995C7	RGB 185 149 199	#B995C7
33.3%	33.3% #AB84BC	RGB 171 132 188	#AB84BC
50.0%	50.0% #9C73B0	RGB 156 115 176	#9C73B0
66.7%	66.7% #8E64A5	RGB 142 100 165	#8E64A5
83.3%	83.3% #805699	RGB 128 86 153	#805699
100.0%	100.0% #73498E	RGB 115 73 142	#73498E

#C8A8D3 #B995C7 #AB84BC #9C73B0 #8E64A5 #805699 #73498E

#C8A8D3 - #9C73B0 - #73498E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8A8D3 0%, #9C73B0 50%, #73498E 100%);
    background: -webkit-linear-gradient(top, #C8A8D3 0%, #9C73B0 50%, #73498E 100%);
    background: linear-gradient(to bottom, #C8A8D3 0%, #9C73B0 50%, #73498E 100%);
}
</style>