#C2C2DA - #60779E | 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 #C2C2DA to #60779E

#C2C2DA #60779E

Calculate the color between two colors, #C2C2DA and #60779E. 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)

#C2C2DA - #60779E | 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 #C2C2DA as 0% and #60779E as 100%.

0.0%	0.0% #C2C2DA	RGB 194 194 218	#C2C2DA
16.7%	16.7% #B1B5D0	RGB 177 181 208	#B1B5D0
33.3%	33.3% #A1A9C6	RGB 161 169 198	#A1A9C6
50.0%	50.0% #919CBC	RGB 145 156 188	#919CBC
66.7%	66.7% #8090B2	RGB 128 144 178	#8090B2
83.3%	83.3% #7083A8	RGB 112 131 168	#7083A8
100.0%	100.0% #60779E	RGB 96 119 158	#60779E

#C2C2DA #B1B5D0 #A1A9C6 #919CBC #8090B2 #7083A8 #60779E

#C2C2DA - #60779E

HSV Blend

#C2C2DA - #60779E | 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 #C2C2DA as 0% and #60779E as 100%.

0.0%	0.0% #C2C2DA	RGB 194 194 218	#C2C2DA
16.7%	16.7% #AFB1D0	RGB 175 177 208	#AFB1D0
33.3%	33.3% #9DA2C6	RGB 157 162 198	#9DA2C6
50.0%	50.0% #8C95BC	RGB 140 149 188	#8C95BC
66.7%	66.7% #7C8AB2	RGB 124 138 178	#7C8AB2
83.3%	83.3% #6D7FA8	RGB 109 127 168	#6D7FA8
100.0%	100.0% #60779E	RGB 96 119 158	#60779E

#C2C2DA #AFB1D0 #9DA2C6 #8C95BC #7C8AB2 #6D7FA8 #60779E

#C2C2DA - #8C95BC - #60779E

CSS codes

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

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