#EFEFF3 - #97B6BE | 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 #EFEFF3 to #97B6BE

#EFEFF3 #97B6BE

Calculate the color between two colors, #EFEFF3 and #97B6BE. 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)

#EFEFF3 - #97B6BE | 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 #EFEFF3 as 0% and #97B6BE as 100%.

0.0%	0.0% #EFEFF3	RGB 239 239 243	#EFEFF3
16.7%	16.7% #E0E5EA	RGB 224 229 234	#E0E5EA
33.3%	33.3% #D1DCE1	RGB 209 220 225	#D1DCE1
50.0%	50.0% #C3D2D8	RGB 195 210 216	#C3D2D8
66.7%	66.7% #B4C9CF	RGB 180 201 207	#B4C9CF
83.3%	83.3% #A5BFC6	RGB 165 191 198	#A5BFC6
100.0%	100.0% #97B6BE	RGB 151 182 190	#97B6BE

#EFEFF3 #E0E5EA #D1DCE1 #C3D2D8 #B4C9CF #A5BFC6 #97B6BE

#EFEFF3 - #97B6BE

HSV Blend

#EFEFF3 - #97B6BE | 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 #EFEFF3 as 0% and #97B6BE as 100%.

0.0%	0.0% #EFEFF3	RGB 239 239 243	#EFEFF3
16.7%	16.7% #DEE0EA	RGB 222 224 234	#DEE0EA
33.3%	33.3% #CFD4E1	RGB 207 212 225	#CFD4E1
50.0%	50.0% #C0CAD8	RGB 192 202 216	#C0CAD8
66.7%	66.7% #B2C1CF	RGB 178 193 207	#B2C1CF
83.3%	83.3% #A4BBC6	RGB 164 187 198	#A4BBC6
100.0%	100.0% #97B6BE	RGB 151 182 190	#97B6BE

#EFEFF3 #DEE0EA #CFD4E1 #C0CAD8 #B2C1CF #A4BBC6 #97B6BE

#EFEFF3 - #C0CAD8 - #97B6BE

CSS codes

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

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