#C0C4EC - #5D74B7 | 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 #C0C4EC to #5D74B7

#C0C4EC #5D74B7

Calculate the color between two colors, #C0C4EC and #5D74B7. 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)

#C0C4EC - #5D74B7 | 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 #C0C4EC as 0% and #5D74B7 as 100%.

0.0%	0.0% #C0C4EC	RGB 192 196 236	#C0C4EC
16.7%	16.7% #AFB6E3	RGB 175 182 227	#AFB6E3
33.3%	33.3% #9FA9DA	RGB 159 169 218	#9FA9DA
50.0%	50.0% #8E9CD1	RGB 142 156 209	#8E9CD1
66.7%	66.7% #7E8EC8	RGB 126 142 200	#7E8EC8
83.3%	83.3% #6D81BF	RGB 109 129 191	#6D81BF
100.0%	100.0% #5D74B7	RGB 93 116 183	#5D74B7

#C0C4EC #AFB6E3 #9FA9DA #8E9CD1 #7E8EC8 #6D81BF #5D74B7

#C0C4EC - #5D74B7

HSV Blend

#C0C4EC - #5D74B7 | 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 #C0C4EC as 0% and #5D74B7 as 100%.

0.0%	0.0% #C0C4EC	RGB 192 196 236	#C0C4EC
16.7%	16.7% #ADB3E3	RGB 173 179 227	#ADB3E3
33.3%	33.3% #9BA4DA	RGB 155 164 218	#9BA4DA
50.0%	50.0% #8A96D1	RGB 138 150 209	#8A96D1
66.7%	66.7% #7A8AC8	RGB 122 138 200	#7A8AC8
83.3%	83.3% #6B7EBF	RGB 107 126 191	#6B7EBF
100.0%	100.0% #5D74B7	RGB 93 116 183	#5D74B7

#C0C4EC #ADB3E3 #9BA4DA #8A96D1 #7A8AC8 #6B7EBF #5D74B7

#C0C4EC - #8A96D1 - #5D74B7

CSS codes

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

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