#23333C - #C0C4C7 | 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 #23333C to #C0C4C7

#23333C #C0C4C7

Calculate the color between two colors, #23333C and #C0C4C7. 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)

#23333C - #C0C4C7 | 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 #23333C as 0% and #C0C4C7 as 100%.

0.0%	0.0% #23333C	RGB 35 51 60	#23333C
16.7%	16.7% #3D4B53	RGB 61 75 83	#3D4B53
33.3%	33.3% #57636A	RGB 87 99 106	#57636A
50.0%	50.0% #717B81	RGB 113 123 129	#717B81
66.7%	66.7% #8B9398	RGB 139 147 152	#8B9398
83.3%	83.3% #A5ABAF	RGB 165 171 175	#A5ABAF
100.0%	100.0% #C0C4C7	RGB 192 196 199	#C0C4C7

#23333C #3D4B53 #57636A #717B81 #8B9398 #A5ABAF #C0C4C7

#23333C - #C0C4C7

HSV Blend

#23333C - #C0C4C7 | 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 #23333C as 0% and #C0C4C7 as 100%.

0.0%	0.0% #23333C	RGB 35 51 60	#23333C
16.7%	16.7% #354853	RGB 53 72 83	#354853
33.3%	33.3% #4B5E6A	RGB 75 94 106	#4B5E6A
50.0%	50.0% #647581	RGB 100 117 129	#647581
66.7%	66.7% #7F8E98	RGB 127 142 152	#7F8E98
83.3%	83.3% #9EA8AF	RGB 158 168 175	#9EA8AF
100.0%	100.0% #C0C4C7	RGB 192 196 199	#C0C4C7

#23333C #354853 #4B5E6A #647581 #7F8E98 #9EA8AF #C0C4C7

#23333C - #647581 - #C0C4C7

CSS codes

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

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