#C7CDFF - #D3E5F3 | 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 #C7CDFF to #D3E5F3

#C7CDFF #D3E5F3

Calculate the color between two colors, #C7CDFF and #D3E5F3. 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)

#C7CDFF - #D3E5F3 | 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 #C7CDFF as 0% and #D3E5F3 as 100%.

0.0%	0.0% #C7CDFF	RGB 199 205 255	#C7CDFF
16.7%	16.7% #C9D1FD	RGB 201 209 253	#C9D1FD
33.3%	33.3% #CBD5FB	RGB 203 213 251	#CBD5FB
50.0%	50.0% #CDD9F9	RGB 205 217 249	#CDD9F9
66.7%	66.7% #CFDDF7	RGB 207 221 247	#CFDDF7
83.3%	83.3% #D1E1F5	RGB 209 225 245	#D1E1F5
100.0%	100.0% #D3E5F3	RGB 211 229 243	#D3E5F3

#C7CDFF #C9D1FD #CBD5FB #CDD9F9 #CFDDF7 #D1E1F5 #D3E5F3

#C7CDFF - #D3E5F3

HSV Blend

#C7CDFF - #D3E5F3 | 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 #C7CDFF as 0% and #D3E5F3 as 100%.

0.0%	0.0% #C7CDFF	RGB 199 205 255	#C7CDFF
16.7%	16.7% #C9D2FD	RGB 201 210 253	#C9D2FD
33.3%	33.3% #CBD7FB	RGB 203 215 251	#CBD7FB
50.0%	50.0% #CDDBF9	RGB 205 219 249	#CDDBF9
66.7%	66.7% #CFDFF7	RGB 207 223 247	#CFDFF7
83.3%	83.3% #D1E2F5	RGB 209 226 245	#D1E2F5
100.0%	100.0% #D3E5F3	RGB 211 229 243	#D3E5F3

#C7CDFF #C9D2FD #CBD7FB #CDDBF9 #CFDFF7 #D1E2F5 #D3E5F3

#C7CDFF - #CDDBF9 - #D3E5F3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7CDFF 0%, #CDDBF9 50%, #D3E5F3 100%);
    background: -webkit-linear-gradient(top, #C7CDFF 0%, #CDDBF9 50%, #D3E5F3 100%);
    background: linear-gradient(to bottom, #C7CDFF 0%, #CDDBF9 50%, #D3E5F3 100%);
}
</style>