#C0FCFF - #364848 | 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 #C0FCFF to #364848

#C0FCFF #364848

Calculate the color between two colors, #C0FCFF and #364848. 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)

#C0FCFF - #364848 | 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 #C0FCFF as 0% and #364848 as 100%.

0.0%	0.0% #C0FCFF	RGB 192 252 255	#C0FCFF
16.7%	16.7% #A9DEE0	RGB 169 222 224	#A9DEE0
33.3%	33.3% #92C0C2	RGB 146 192 194	#92C0C2
50.0%	50.0% #7BA2A3	RGB 123 162 163	#7BA2A3
66.7%	66.7% #648484	RGB 100 132 132	#648484
83.3%	83.3% #4D6666	RGB 77 102 102	#4D6666
100.0%	100.0% #364848	RGB 54 72 72	#364848

#C0FCFF #A9DEE0 #92C0C2 #7BA2A3 #648484 #4D6666 #364848

#C0FCFF - #364848

HSV Blend

#C0FCFF - #364848 | 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 #C0FCFF as 0% and #364848 as 100%.

0.0%	0.0% #C0FCFF	RGB 192 252 255	#C0FCFF
16.7%	16.7% #A8DEE0	RGB 168 222 224	#A8DEE0
33.3%	33.3% #91C0C2	RGB 145 192 194	#91C0C2
50.0%	50.0% #7AA2A3	RGB 122 162 163	#7AA2A3
66.7%	66.7% #638484	RGB 99 132 132	#638484
83.3%	83.3% #4C6666	RGB 76 102 102	#4C6666
100.0%	100.0% #364848	RGB 54 72 72	#364848

#C0FCFF #A8DEE0 #91C0C2 #7AA2A3 #638484 #4C6666 #364848

#C0FCFF - #7AA2A3 - #364848

CSS codes

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

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