#642176 - #CC3AC6 | 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 #CC3AC6

#642176 #CC3AC6

Calculate the color between two colors, #642176 and #CC3AC6. 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 - #CC3AC6 | 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 #CC3AC6 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% #862990	RGB 134 41 144	#862990
50.0%	50.0% #982D9E	RGB 152 45 158	#982D9E
66.7%	66.7% #A931AB	RGB 169 49 171	#A931AB
83.3%	83.3% #BA35B8	RGB 186 53 184	#BA35B8
100.0%	100.0% #CC3AC6	RGB 204 58 198	#CC3AC6

#642176 #752583 #862990 #982D9E #A931AB #BA35B8 #CC3AC6

#642176 - #CC3AC6

HSV Blend

#642176 - #CC3AC6 | 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 #CC3AC6 as 100%.

0.0%	0.0% #632176	RGB 99 33 118	#632176
16.7%	16.7% #742584	RGB 116 37 132	#742584
33.3%	33.3% #852992	RGB 133 41 146	#852992
50.0%	50.0% #972DA1	RGB 151 45 161	#972DA1
66.7%	66.7% #A931AF	RGB 169 49 175	#A931AF
83.3%	83.3% #BD35BD	RGB 189 53 189	#BD35BD
100.0%	100.0% #CC3AC6	RGB 204 58 198	#CC3AC6

#632176 #742584 #852992 #972DA1 #A931AF #BD35BD #CC3AC6

#642176 - #972DA1 - #CC3AC6

CSS codes

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

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