#C0DEE3 - #363F40 | 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 #C0DEE3 to #363F40

#C0DEE3 #363F40

Calculate the color between two colors, #C0DEE3 and #363F40. 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)

#C0DEE3 - #363F40 | 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 #C0DEE3 as 0% and #363F40 as 100%.

0.0%	0.0% #C0DEE3	RGB 192 222 227	#C0DEE3
16.7%	16.7% #A9C3C7	RGB 169 195 199	#A9C3C7
33.3%	33.3% #92A9AC	RGB 146 169 172	#92A9AC
50.0%	50.0% #7B8E91	RGB 123 142 145	#7B8E91
66.7%	66.7% #647476	RGB 100 116 118	#647476
83.3%	83.3% #4D595B	RGB 77 89 91	#4D595B
100.0%	100.0% #363F40	RGB 54 63 64	#363F40

#C0DEE3 #A9C3C7 #92A9AC #7B8E91 #647476 #4D595B #363F40

#C0DEE3 - #363F40

HSV Blend

#C0DEE3 - #363F40 | 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 #C0DEE3 as 0% and #363F40 as 100%.

0.0%	0.0% #C0DEE3	RGB 192 222 227	#C0DEE3
16.7%	16.7% #A8C3C7	RGB 168 195 199	#A8C3C7
33.3%	33.3% #91A9AC	RGB 145 169 172	#91A9AC
50.0%	50.0% #7A8E91	RGB 122 142 145	#7A8E91
66.7%	66.7% #637476	RGB 99 116 118	#637476
83.3%	83.3% #4C595B	RGB 76 89 91	#4C595B
100.0%	100.0% #363F40	RGB 54 63 64	#363F40

#C0DEE3 #A8C3C7 #91A9AC #7A8E91 #637476 #4C595B #363F40

#C0DEE3 - #7A8E91 - #363F40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DEE3 0%, #7A8E91 50%, #363F40 100%);
    background: -webkit-linear-gradient(top, #C0DEE3 0%, #7A8E91 50%, #363F40 100%);
    background: linear-gradient(to bottom, #C0DEE3 0%, #7A8E91 50%, #363F40 100%);
}
</style>