#C5C7F9 - #E4E3F0 | 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 #C5C7F9 to #E4E3F0

#C5C7F9 #E4E3F0

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

#C5C7F9 - #E4E3F0 | 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 #C5C7F9 as 0% and #E4E3F0 as 100%.

0.0%	0.0% #C5C7F9	RGB 197 199 249	#C5C7F9
16.7%	16.7% #CACBF7	RGB 202 203 247	#CACBF7
33.3%	33.3% #CFD0F6	RGB 207 208 246	#CFD0F6
50.0%	50.0% #D4D5F4	RGB 212 213 244	#D4D5F4
66.7%	66.7% #D9D9F3	RGB 217 217 243	#D9D9F3
83.3%	83.3% #DEDEF1	RGB 222 222 241	#DEDEF1
100.0%	100.0% #E4E3F0	RGB 228 227 240	#E4E3F0

#C5C7F9 #CACBF7 #CFD0F6 #D4D5F4 #D9D9F3 #DEDEF1 #E4E3F0

#C5C7F9 - #E4E3F0

HSV Blend

#C5C7F9 - #E4E3F0 | 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 #C5C7F9 as 0% and #E4E3F0 as 100%.

0.0%	0.0% #C5C7F9	RGB 197 199 249	#C5C7F9
16.7%	16.7% #CACBF7	RGB 202 203 247	#CACBF7
33.3%	33.3% #CFCFF6	RGB 207 207 246	#CFCFF6
50.0%	50.0% #D4D4F4	RGB 212 212 244	#D4D4F4
66.7%	66.7% #DAD9F3	RGB 218 217 243	#DAD9F3
83.3%	83.3% #DFDEF1	RGB 223 222 241	#DFDEF1
100.0%	100.0% #E4E3F0	RGB 228 227 240	#E4E3F0

#C5C7F9 #CACBF7 #CFCFF6 #D4D4F4 #DAD9F3 #DFDEF1 #E4E3F0

#C5C7F9 - #D4D4F4 - #E4E3F0

CSS codes

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

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