#C8D2FF - #6583D5 | 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 #C8D2FF to #6583D5

#C8D2FF #6583D5

Calculate the color between two colors, #C8D2FF and #6583D5. 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)

#C8D2FF - #6583D5 | 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 #C8D2FF as 0% and #6583D5 as 100%.

0.0%	0.0% #C8D2FF	RGB 200 210 255	#C8D2FF
16.7%	16.7% #B7C4F8	RGB 183 196 248	#B7C4F8
33.3%	33.3% #A7B7F1	RGB 167 183 241	#A7B7F1
50.0%	50.0% #96AAEA	RGB 150 170 234	#96AAEA
66.7%	66.7% #869DE3	RGB 134 157 227	#869DE3
83.3%	83.3% #7590DC	RGB 117 144 220	#7590DC
100.0%	100.0% #6583D5	RGB 101 131 213	#6583D5

#C8D2FF #B7C4F8 #A7B7F1 #96AAEA #869DE3 #7590DC #6583D5

#C8D2FF - #6583D5

HSV Blend

#C8D2FF - #6583D5 | 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 #C8D2FF as 0% and #6583D5 as 100%.

0.0%	0.0% #C8D2FF	RGB 200 210 255	#C8D2FF
16.7%	16.7% #B5C2F8	RGB 181 194 248	#B5C2F8
33.3%	33.3% #A4B4F1	RGB 164 180 241	#A4B4F1
50.0%	50.0% #93A6EA	RGB 147 166 234	#93A6EA
66.7%	66.7% #839AE3	RGB 131 154 227	#839AE3
83.3%	83.3% #738EDC	RGB 115 142 220	#738EDC
100.0%	100.0% #6583D5	RGB 101 131 213	#6583D5

#C8D2FF #B5C2F8 #A4B4F1 #93A6EA #839AE3 #738EDC #6583D5

#C8D2FF - #93A6EA - #6583D5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D2FF 0%, #93A6EA 50%, #6583D5 100%);
    background: -webkit-linear-gradient(top, #C8D2FF 0%, #93A6EA 50%, #6583D5 100%);
    background: linear-gradient(to bottom, #C8D2FF 0%, #93A6EA 50%, #6583D5 100%);
}
</style>