#642176 - #CC3AC8 | 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 #642176 to #CC3AC8

#642176 #CC3AC8

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

#642176 - #CC3AC8 | 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 #642176 as 0% and #CC3AC8 as 100%.

0.0%	0.0% #642176	RGB 100 33 118	#642176
16.7%	16.7% #752583	RGB 117 37 131	#752583
33.3%	33.3% #862991	RGB 134 41 145	#862991
50.0%	50.0% #982D9F	RGB 152 45 159	#982D9F
66.7%	66.7% #A931AC	RGB 169 49 172	#A931AC
83.3%	83.3% #BA35BA	RGB 186 53 186	#BA35BA
100.0%	100.0% #CC3AC8	RGB 204 58 200	#CC3AC8

#642176 #752583 #862991 #982D9F #A931AC #BA35BA #CC3AC8

#642176 - #CC3AC8

HSV Blend

#642176 - #CC3AC8 | 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 #642176 as 0% and #CC3AC8 as 100%.

0.0%	0.0% #632176	RGB 99 33 118	#632176
16.7%	16.7% #732584	RGB 115 37 132	#732584
33.3%	33.3% #842992	RGB 132 41 146	#842992
50.0%	50.0% #962DA1	RGB 150 45 161	#962DA1
66.7%	66.7% #A831AF	RGB 168 49 175	#A831AF
83.3%	83.3% #BB35BD	RGB 187 53 189	#BB35BD
100.0%	100.0% #CC3AC8	RGB 204 58 200	#CC3AC8

#632176 #732584 #842992 #962DA1 #A831AF #BB35BD #CC3AC8

#642176 - #962DA1 - #CC3AC8

CSS codes

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

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