#C0CDF4 - #5F7EC4 | 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 #C0CDF4 to #5F7EC4

#C0CDF4 #5F7EC4

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

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

0.0%	0.0% #C0CDF4	RGB 192 205 244	#C0CDF4
16.7%	16.7% #AFBFEC	RGB 175 191 236	#AFBFEC
33.3%	33.3% #9FB2E4	RGB 159 178 228	#9FB2E4
50.0%	50.0% #8FA5DC	RGB 143 165 220	#8FA5DC
66.7%	66.7% #7F98D4	RGB 127 152 212	#7F98D4
83.3%	83.3% #6F8BCC	RGB 111 139 204	#6F8BCC
100.0%	100.0% #5F7EC4	RGB 95 126 196	#5F7EC4

#C0CDF4 #AFBFEC #9FB2E4 #8FA5DC #7F98D4 #6F8BCC #5F7EC4

#C0CDF4 - #5F7EC4

HSV Blend

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

0.0%	0.0% #C0CDF4	RGB 192 205 244	#C0CDF4
16.7%	16.7% #ADBDEC	RGB 173 189 236	#ADBDEC
33.3%	33.3% #9CAFE4	RGB 156 175 228	#9CAFE4
50.0%	50.0% #8BA2DC	RGB 139 162 220	#8BA2DC
66.7%	66.7% #7C95D4	RGB 124 149 212	#7C95D4
83.3%	83.3% #6D89CC	RGB 109 137 204	#6D89CC
100.0%	100.0% #5F7EC4	RGB 95 126 196	#5F7EC4

#C0CDF4 #ADBDEC #9CAFE4 #8BA2DC #7C95D4 #6D89CC #5F7EC4

#C0CDF4 - #8BA2DC - #5F7EC4

CSS codes

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

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