#443C5E - #CAC7D1 | 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 #443C5E to #CAC7D1

#443C5E #CAC7D1

Calculate the color between two colors, #443C5E and #CAC7D1. 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)

#443C5E - #CAC7D1 | 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 #443C5E as 0% and #CAC7D1 as 100%.

0.0%	0.0% #443C5E	RGB 68 60 94	#443C5E
16.7%	16.7% #5A5371	RGB 90 83 113	#5A5371
33.3%	33.3% #706A84	RGB 112 106 132	#706A84
50.0%	50.0% #878197	RGB 135 129 151	#878197
66.7%	66.7% #9D98AA	RGB 157 152 170	#9D98AA
83.3%	83.3% #B3AFBD	RGB 179 175 189	#B3AFBD
100.0%	100.0% #CAC7D1	RGB 202 199 209	#CAC7D1

#443C5E #5A5371 #706A84 #878197 #9D98AA #B3AFBD #CAC7D1

#443C5E - #CAC7D1

HSV Blend

#443C5E - #CAC7D1 | 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 #443C5E as 0% and #CAC7D1 as 100%.

0.0%	0.0% #443C5E	RGB 68 60 94	#443C5E
16.7%	16.7% #564E71	RGB 86 78 113	#564E71
33.3%	33.3% #6B6284	RGB 107 98 132	#6B6284
50.0%	50.0% #807897	RGB 128 120 151	#807897
66.7%	66.7% #9790AA	RGB 151 144 170	#9790AA
83.3%	83.3% #B0AABD	RGB 176 170 189	#B0AABD
100.0%	100.0% #CAC7D1	RGB 202 199 209	#CAC7D1

#443C5E #564E71 #6B6284 #807897 #9790AA #B0AABD #CAC7D1

#443C5E - #807897 - #CAC7D1

CSS codes

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

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