#CEDADE - #7E8EA4 | 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 #CEDADE to #7E8EA4

#CEDADE #7E8EA4

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

#CEDADE - #7E8EA4 | 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 #CEDADE as 0% and #7E8EA4 as 100%.

0.0%	0.0% #CEDADE	RGB 206 218 222	#CEDADE
16.7%	16.7% #C0CDD4	RGB 192 205 212	#C0CDD4
33.3%	33.3% #B3C0CA	RGB 179 192 202	#B3C0CA
50.0%	50.0% #A6B4C1	RGB 166 180 193	#A6B4C1
66.7%	66.7% #98A7B7	RGB 152 167 183	#98A7B7
83.3%	83.3% #8B9AAD	RGB 139 154 173	#8B9AAD
100.0%	100.0% #7E8EA4	RGB 126 142 164	#7E8EA4

#CEDADE #C0CDD4 #B3C0CA #A6B4C1 #98A7B7 #8B9AAD #7E8EA4

#CEDADE - #7E8EA4

HSV Blend

#CEDADE - #7E8EA4 | 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 #CEDADE as 0% and #7E8EA4 as 100%.

0.0%	0.0% #CEDADE	RGB 206 218 222	#CEDADE
16.7%	16.7% #BFCDD4	RGB 191 205 212	#BFCDD4
33.3%	33.3% #B1C1CA	RGB 177 193 202	#B1C1CA
50.0%	50.0% #A3B4C1	RGB 163 180 193	#A3B4C1
66.7%	66.7% #96A7B7	RGB 150 167 183	#96A7B7
83.3%	83.3% #8A9AAD	RGB 138 154 173	#8A9AAD
100.0%	100.0% #7E8EA4	RGB 126 142 164	#7E8EA4

#CEDADE #BFCDD4 #B1C1CA #A3B4C1 #96A7B7 #8A9AAD #7E8EA4

#CEDADE - #A3B4C1 - #7E8EA4

CSS codes

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

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