#CED8DF - #7A8DA5 | 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 #CED8DF to #7A8DA5

#CED8DF #7A8DA5

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

#CED8DF - #7A8DA5 | 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 #CED8DF as 0% and #7A8DA5 as 100%.

0.0%	0.0% #CED8DF	RGB 206 216 223	#CED8DF
16.7%	16.7% #C0CBD5	RGB 192 203 213	#C0CBD5
33.3%	33.3% #B2BFCB	RGB 178 191 203	#B2BFCB
50.0%	50.0% #A4B2C2	RGB 164 178 194	#A4B2C2
66.7%	66.7% #96A6B8	RGB 150 166 184	#96A6B8
83.3%	83.3% #8899AE	RGB 136 153 174	#8899AE
100.0%	100.0% #7A8DA5	RGB 122 141 165	#7A8DA5

#CED8DF #C0CBD5 #B2BFCB #A4B2C2 #96A6B8 #8899AE #7A8DA5

#CED8DF - #7A8DA5

HSV Blend

#CED8DF - #7A8DA5 | 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 #CED8DF as 0% and #7A8DA5 as 100%.

0.0%	0.0% #CED8DF	RGB 206 216 223	#CED8DF
16.7%	16.7% #BECBD5	RGB 190 203 213	#BECBD5
33.3%	33.3% #AFBECB	RGB 175 190 203	#AFBECB
50.0%	50.0% #A1B2C2	RGB 161 178 194	#A1B2C2
66.7%	66.7% #93A5B8	RGB 147 165 184	#93A5B8
83.3%	83.3% #8699AE	RGB 134 153 174	#8699AE
100.0%	100.0% #7A8DA5	RGB 122 141 165	#7A8DA5

#CED8DF #BECBD5 #AFBECB #A1B2C2 #93A5B8 #8699AE #7A8DA5

#CED8DF - #A1B2C2 - #7A8DA5

CSS codes

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

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