#C0D3C9 - #619994 | 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 #C0D3C9 to #619994

#C0D3C9 #619994

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

#C0D3C9 - #619994 | 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 #C0D3C9 as 0% and #619994 as 100%.

0.0%	0.0% #C0D3C9	RGB 192 211 201	#C0D3C9
16.7%	16.7% #B0C9C0	RGB 176 201 192	#B0C9C0
33.3%	33.3% #A0BFB7	RGB 160 191 183	#A0BFB7
50.0%	50.0% #90B6AE	RGB 144 182 174	#90B6AE
66.7%	66.7% #80ACA5	RGB 128 172 165	#80ACA5
83.3%	83.3% #70A29C	RGB 112 162 156	#70A29C
100.0%	100.0% #619994	RGB 97 153 148	#619994

#C0D3C9 #B0C9C0 #A0BFB7 #90B6AE #80ACA5 #70A29C #619994

#C0D3C9 - #619994

HSV Blend

#C0D3C9 - #619994 | 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 #C0D3C9 as 0% and #619994 as 100%.

0.0%	0.0% #C0D3C9	RGB 192 211 201	#C0D3C9
16.7%	16.7% #ADC9BC	RGB 173 201 188	#ADC9BC
33.3%	33.3% #9CBFB2	RGB 156 191 178	#9CBFB2
50.0%	50.0% #8CB6A9	RGB 140 182 169	#8CB6A9
66.7%	66.7% #7DACA1	RGB 125 172 161	#7DACA1
83.3%	83.3% #6EA29A	RGB 110 162 154	#6EA29A
100.0%	100.0% #619994	RGB 97 153 148	#619994

#C0D3C9 #ADC9BC #9CBFB2 #8CB6A9 #7DACA1 #6EA29A #619994

#C0D3C9 - #8CB6A9 - #619994

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0D3C9 0%, #8CB6A9 50%, #619994 100%);
    background: -webkit-linear-gradient(top, #C0D3C9 0%, #8CB6A9 50%, #619994 100%);
    background: linear-gradient(to bottom, #C0D3C9 0%, #8CB6A9 50%, #619994 100%);
}
</style>