#432B7A - #C8C2D9 | 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 #432B7A to #C8C2D9

#432B7A #C8C2D9

Calculate the color between two colors, #432B7A and #C8C2D9. 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)

#432B7A - #C8C2D9 | 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 #432B7A as 0% and #C8C2D9 as 100%.

0.0%	0.0% #432B7A	RGB 67 43 122	#432B7A
16.7%	16.7% #594489	RGB 89 68 137	#594489
33.3%	33.3% #6F5D99	RGB 111 93 153	#6F5D99
50.0%	50.0% #8576A9	RGB 133 118 169	#8576A9
66.7%	66.7% #9B8FB9	RGB 155 143 185	#9B8FB9
83.3%	83.3% #B1A8C9	RGB 177 168 201	#B1A8C9
100.0%	100.0% #C8C2D9	RGB 200 194 217	#C8C2D9

#432B7A #594489 #6F5D99 #8576A9 #9B8FB9 #B1A8C9 #C8C2D9

#432B7A - #C8C2D9

HSV Blend

#432B7A - #C8C2D9 | 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 #432B7A as 0% and #C8C2D9 as 100%.

0.0%	0.0% #432B7A	RGB 67 43 122	#432B7A
16.7%	16.7% #533D89	RGB 83 61 137	#533D89
33.3%	33.3% #665199	RGB 102 81 153	#665199
50.0%	50.0% #7B69A9	RGB 123 105 169	#7B69A9
66.7%	66.7% #9284B9	RGB 146 132 185	#9284B9
83.3%	83.3% #ACA1C9	RGB 172 161 201	#ACA1C9
100.0%	100.0% #C8C2D9	RGB 200 194 217	#C8C2D9

#432B7A #533D89 #665199 #7B69A9 #9284B9 #ACA1C9 #C8C2D9

#432B7A - #7B69A9 - #C8C2D9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #432B7A 0%, #7B69A9 50%, #C8C2D9 100%);
    background: -webkit-linear-gradient(top, #432B7A 0%, #7B69A9 50%, #C8C2D9 100%);
    background: linear-gradient(to bottom, #432B7A 0%, #7B69A9 50%, #C8C2D9 100%);
}
</style>