#464F56 - #CACCCE | 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 #464F56 to #CACCCE

#464F56 #CACCCE

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

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

0.0%	0.0% #464F56	RGB 70 79 86	#464F56
16.7%	16.7% #5C636A	RGB 92 99 106	#5C636A
33.3%	33.3% #72787E	RGB 114 120 126	#72787E
50.0%	50.0% #888D92	RGB 136 141 146	#888D92
66.7%	66.7% #9EA2A6	RGB 158 162 166	#9EA2A6
83.3%	83.3% #B4B7BA	RGB 180 183 186	#B4B7BA
100.0%	100.0% #CACCCE	RGB 202 204 206	#CACCCE

#464F56 #5C636A #72787E #888D92 #9EA2A6 #B4B7BA #CACCCE

#464F56 - #CACCCE

HSV Blend

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

0.0%	0.0% #464F56	RGB 70 79 86	#464F56
16.7%	16.7% #59626A	RGB 89 98 106	#59626A
33.3%	33.3% #6D767E	RGB 109 118 126	#6D767E
50.0%	50.0% #838A92	RGB 131 138 146	#838A92
66.7%	66.7% #99A0A6	RGB 153 160 166	#99A0A6
83.3%	83.3% #B1B5BA	RGB 177 181 186	#B1B5BA
100.0%	100.0% #CACCCE	RGB 202 204 206	#CACCCE

#464F56 #59626A #6D767E #838A92 #99A0A6 #B1B5BA #CACCCE

#464F56 - #838A92 - #CACCCE

CSS codes

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

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