#433255 - #C9C4CE | 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 #433255 to #C9C4CE

#433255 #C9C4CE

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

#433255 - #C9C4CE | 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 #433255 as 0% and #C9C4CE as 100%.

0.0%	0.0% #433255	RGB 67 50 85	#433255
16.7%	16.7% #594A69	RGB 89 74 105	#594A69
33.3%	33.3% #6F627D	RGB 111 98 125	#6F627D
50.0%	50.0% #867B91	RGB 134 123 145	#867B91
66.7%	66.7% #9C93A5	RGB 156 147 165	#9C93A5
83.3%	83.3% #B2ABB9	RGB 178 171 185	#B2ABB9
100.0%	100.0% #C9C4CE	RGB 201 196 206	#C9C4CE

#433255 #594A69 #6F627D #867B91 #9C93A5 #B2ABB9 #C9C4CE

#433255 - #C9C4CE

HSV Blend

#433255 - #C9C4CE | 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 #433255 as 0% and #C9C4CE as 100%.

0.0%	0.0% #433255	RGB 67 50 85	#433255
16.7%	16.7% #564469	RGB 86 68 105	#564469
33.3%	33.3% #6A587D	RGB 106 88 125	#6A587D
50.0%	50.0% #807091	RGB 128 112 145	#807091
66.7%	66.7% #9789A5	RGB 151 137 165	#9789A5
83.3%	83.3% #AFA5B9	RGB 175 165 185	#AFA5B9
100.0%	100.0% #C9C4CE	RGB 201 196 206	#C9C4CE

#433255 #564469 #6A587D #807091 #9789A5 #AFA5B9 #C9C4CE

#433255 - #807091 - #C9C4CE

CSS codes

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

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