#CED4D4 - #7EB5BE | 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 #CED4D4 to #7EB5BE

#CED4D4 #7EB5BE

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

#CED4D4 - #7EB5BE | 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 #CED4D4 as 0% and #7EB5BE as 100%.

0.0%	0.0% #CED4D4	RGB 206 212 212	#CED4D4
16.7%	16.7% #C0CED0	RGB 192 206 208	#C0CED0
33.3%	33.3% #B3C9CC	RGB 179 201 204	#B3C9CC
50.0%	50.0% #A6C4C9	RGB 166 196 201	#A6C4C9
66.7%	66.7% #98BFC5	RGB 152 191 197	#98BFC5
83.3%	83.3% #8BBAC1	RGB 139 186 193	#8BBAC1
100.0%	100.0% #7EB5BE	RGB 126 181 190	#7EB5BE

#CED4D4 #C0CED0 #B3C9CC #A6C4C9 #98BFC5 #8BBAC1 #7EB5BE

#CED4D4 - #7EB5BE

HSV Blend

#CED4D4 - #7EB5BE | 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 #CED4D4 as 0% and #7EB5BE as 100%.

0.0%	0.0% #CED4D4	RGB 206 212 212	#CED4D4
16.7%	16.7% #BFCFD0	RGB 191 207 208	#BFCFD0
33.3%	33.3% #B1CBCC	RGB 177 203 204	#B1CBCC
50.0%	50.0% #A4C6C9	RGB 164 198 201	#A4C6C9
66.7%	66.7% #97C1C5	RGB 151 193 197	#97C1C5
83.3%	83.3% #8ABBC1	RGB 138 187 193	#8ABBC1
100.0%	100.0% #7EB5BE	RGB 126 181 190	#7EB5BE

#CED4D4 #BFCFD0 #B1CBCC #A4C6C9 #97C1C5 #8ABBC1 #7EB5BE

#CED4D4 - #A4C6C9 - #7EB5BE

CSS codes

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

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