#464A56 - #CACBCE | 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 #464A56 to #CACBCE

#464A56 #CACBCE

Calculate the color between two colors, #464A56 and #CACBCE. 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)

#464A56 - #CACBCE | 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 #464A56 as 0% and #CACBCE as 100%.

0.0%	0.0% #464A56	RGB 70 74 86	#464A56
16.7%	16.7% #5C5F6A	RGB 92 95 106	#5C5F6A
33.3%	33.3% #72757E	RGB 114 117 126	#72757E
50.0%	50.0% #888A92	RGB 136 138 146	#888A92
66.7%	66.7% #9EA0A6	RGB 158 160 166	#9EA0A6
83.3%	83.3% #B4B5BA	RGB 180 181 186	#B4B5BA
100.0%	100.0% #CACBCE	RGB 202 203 206	#CACBCE

#464A56 #5C5F6A #72757E #888A92 #9EA0A6 #B4B5BA #CACBCE

#464A56 - #CACBCE

HSV Blend

#464A56 - #CACBCE | 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 #464A56 as 0% and #CACBCE as 100%.

0.0%	0.0% #464A56	RGB 70 74 86	#464A56
16.7%	16.7% #595D6A	RGB 89 93 106	#595D6A
33.3%	33.3% #6D717E	RGB 109 113 126	#6D717E
50.0%	50.0% #838692	RGB 131 134 146	#838692
66.7%	66.7% #999CA6	RGB 153 156 166	#999CA6
83.3%	83.3% #B1B3BA	RGB 177 179 186	#B1B3BA
100.0%	100.0% #CACBCE	RGB 202 203 206	#CACBCE

#464A56 #595D6A #6D717E #838692 #999CA6 #B1B3BA #CACBCE

#464A56 - #838692 - #CACBCE

CSS codes

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

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