#463E5E - #CF877A | 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 #463E5E to #CF877A

#463E5E #CF877A

Calculate the color between two colors, #463E5E and #CF877A. 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)

#463E5E - #CF877A | 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 #463E5E as 0% and #CF877A as 100%.

0.0%	0.0% #463E5E	RGB 70 62 94	#463E5E
16.7%	16.7% #5C4A62	RGB 92 74 98	#5C4A62
33.3%	33.3% #735667	RGB 115 86 103	#735667
50.0%	50.0% #8A626C	RGB 138 98 108	#8A626C
66.7%	66.7% #A16E70	RGB 161 110 112	#A16E70
83.3%	83.3% #B87A75	RGB 184 122 117	#B87A75
100.0%	100.0% #CF877A	RGB 207 135 122	#CF877A

#463E5E #5C4A62 #735667 #8A626C #A16E70 #B87A75 #CF877A

#463E5E - #CF877A

HSV Blend

#463E5E - #CF877A | 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 #463E5E as 0% and #CF877A as 100%.

0.0%	0.0% #463E5E	RGB 70 62 94	#463E5E
16.7%	16.7% #5F4970	RGB 95 73 112	#5F4970
33.3%	33.3% #7E5383	RGB 126 83 131	#7E5383
50.0%	50.0% #965D8B	RGB 150 93 139	#965D8B
66.7%	66.7% #A96787	RGB 169 103 135	#A96787
83.3%	83.3% #BC717D	RGB 188 113 125	#BC717D
100.0%	100.0% #CF877A	RGB 207 135 122	#CF877A

#463E5E #5F4970 #7E5383 #965D8B #A96787 #BC717D #CF877A

#463E5E - #965D8B - #CF877A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #463E5E 0%, #965D8B 50%, #CF877A 100%);
    background: -webkit-linear-gradient(top, #463E5E 0%, #965D8B 50%, #CF877A 100%);
    background: linear-gradient(to bottom, #463E5E 0%, #965D8B 50%, #CF877A 100%);
}
</style>