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

#C0FFFC #364848

Calculate the color between two colors, #C0FFFC 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)

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

0.0%	0.0% #C0FFFC	RGB 192 255 252	#C0FFFC
16.7%	16.7% #A9E0DE	RGB 169 224 222	#A9E0DE
33.3%	33.3% #92C2C0	RGB 146 194 192	#92C2C0
50.0%	50.0% #7BA3A2	RGB 123 163 162	#7BA3A2
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

#C0FFFC #A9E0DE #92C2C0 #7BA3A2 #648484 #4D6666 #364848

#C0FFFC - #364848

HSV Blend

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

0.0%	0.0% #C0FFFC	RGB 192 255 252	#C0FFFC
16.7%	16.7% #A8E0DE	RGB 168 224 222	#A8E0DE
33.3%	33.3% #91C2C0	RGB 145 194 192	#91C2C0
50.0%	50.0% #7AA3A2	RGB 122 163 162	#7AA3A2
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

#C0FFFC #A8E0DE #91C2C0 #7AA3A2 #638484 #4C6666 #364848

#C0FFFC - #7AA3A2 - #364848

CSS codes

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

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