#C8D4CE - #619F8D | 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 #C8D4CE to #619F8D

#C8D4CE #619F8D

Calculate the color between two colors, #C8D4CE and #619F8D. 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)

#C8D4CE - #619F8D | 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 #C8D4CE as 0% and #619F8D as 100%.

0.0%	0.0% #C8D4CE	RGB 200 212 206	#C8D4CE
16.7%	16.7% #B6CBC3	RGB 182 203 195	#B6CBC3
33.3%	33.3% #A5C2B8	RGB 165 194 184	#A5C2B8
50.0%	50.0% #94B9AD	RGB 148 185 173	#94B9AD
66.7%	66.7% #83B0A2	RGB 131 176 162	#83B0A2
83.3%	83.3% #72A797	RGB 114 167 151	#72A797
100.0%	100.0% #619F8D	RGB 97 159 141	#619F8D

#C8D4CE #B6CBC3 #A5C2B8 #94B9AD #83B0A2 #72A797 #619F8D

#C8D4CE - #619F8D

HSV Blend

#C8D4CE - #619F8D | 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 #C8D4CE as 0% and #619F8D as 100%.

0.0%	0.0% #C8D4CE	RGB 200 212 206	#C8D4CE
16.7%	16.7% #B4CBC0	RGB 180 203 192	#B4CBC0
33.3%	33.3% #A1C2B4	RGB 161 194 180	#A1C2B4
50.0%	50.0% #90B9A9	RGB 144 185 169	#90B9A9
66.7%	66.7% #7FB09E	RGB 127 176 158	#7FB09E
83.3%	83.3% #6FA795	RGB 111 167 149	#6FA795
100.0%	100.0% #619F8D	RGB 97 159 141	#619F8D

#C8D4CE #B4CBC0 #A1C2B4 #90B9A9 #7FB09E #6FA795 #619F8D

#C8D4CE - #90B9A9 - #619F8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D4CE 0%, #90B9A9 50%, #619F8D 100%);
    background: -webkit-linear-gradient(top, #C8D4CE 0%, #90B9A9 50%, #619F8D 100%);
    background: linear-gradient(to bottom, #C8D4CE 0%, #90B9A9 50%, #619F8D 100%);
}
</style>