#C7D9FF - #6078CF | 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 #C7D9FF to #6078CF

#C7D9FF #6078CF

Calculate the color between two colors, #C7D9FF and #6078CF. 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)

#C7D9FF - #6078CF | 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 #C7D9FF as 0% and #6078CF as 100%.

0.0%	0.0% #C7D9FF	RGB 199 217 255	#C7D9FF
16.7%	16.7% #B5C8F7	RGB 181 200 247	#B5C8F7
33.3%	33.3% #A4B8EF	RGB 164 184 239	#A4B8EF
50.0%	50.0% #93A8E7	RGB 147 168 231	#93A8E7
66.7%	66.7% #8298DF	RGB 130 152 223	#8298DF
83.3%	83.3% #7188D7	RGB 113 136 215	#7188D7
100.0%	100.0% #6078CF	RGB 96 120 207	#6078CF

#C7D9FF #B5C8F7 #A4B8EF #93A8E7 #8298DF #7188D7 #6078CF

#C7D9FF - #6078CF

HSV Blend

#C7D9FF - #6078CF | 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 #C7D9FF as 0% and #6078CF as 100%.

0.0%	0.0% #C7D9FF	RGB 199 217 255	#C7D9FF
16.7%	16.7% #B3C8F7	RGB 179 200 247	#B3C8F7
33.3%	33.3% #A1B7EF	RGB 161 183 239	#A1B7EF
50.0%	50.0% #8FA7E7	RGB 143 167 231	#8FA7E7
66.7%	66.7% #7E97DF	RGB 126 151 223	#7E97DF
83.3%	83.3% #6F87D7	RGB 111 135 215	#6F87D7
100.0%	100.0% #6078CF	RGB 96 120 207	#6078CF

#C7D9FF #B3C8F7 #A1B7EF #8FA7E7 #7E97DF #6F87D7 #6078CF

#C7D9FF - #8FA7E7 - #6078CF

CSS codes

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

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