#C45DB6 - #8A0066 | 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 #C45DB6 to #8A0066

#C45DB6 #8A0066

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

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

0.0%	0.0% #C45DB6	RGB 196 93 182	#C45DB6
16.7%	16.7% #BA4DA8	RGB 186 77 168	#BA4DA8
33.3%	33.3% #B03E9B	RGB 176 62 155	#B03E9B
50.0%	50.0% #A72E8E	RGB 167 46 142	#A72E8E
66.7%	66.7% #9D1E80	RGB 157 30 128	#9D1E80
83.3%	83.3% #930F73	RGB 147 15 115	#930F73
100.0%	100.0% #8A0066	RGB 138 0 102	#8A0066

#C45DB6 #BA4DA8 #B03E9B #A72E8E #9D1E80 #930F73 #8A0066

#C45DB6 - #8A0066

HSV Blend

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

0.0%	0.0% #C45DB6	RGB 196 93 182	#C45DB6
16.7%	16.7% #BA49A8	RGB 186 73 168	#BA49A8
33.3%	33.3% #B0379B	RGB 176 55 155	#B0379B
50.0%	50.0% #A7278D	RGB 167 39 141	#A7278D
66.7%	66.7% #9D1880	RGB 157 24 128	#9D1880
83.3%	83.3% #930B73	RGB 147 11 115	#930B73
100.0%	100.0% #8A0066	RGB 138 0 102	#8A0066

#C45DB6 #BA49A8 #B0379B #A7278D #9D1880 #930B73 #8A0066

#C45DB6 - #A7278D - #8A0066

CSS codes

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

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