#EFF0FE - #97B4CF | 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 #EFF0FE to #97B4CF

#EFF0FE #97B4CF

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

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

0.0%	0.0% #EFF0FE	RGB 239 240 254	#EFF0FE
16.7%	16.7% #E0E6F6	RGB 224 230 246	#E0E6F6
33.3%	33.3% #D1DCEE	RGB 209 220 238	#D1DCEE
50.0%	50.0% #C3D2E6	RGB 195 210 230	#C3D2E6
66.7%	66.7% #B4C8DE	RGB 180 200 222	#B4C8DE
83.3%	83.3% #A5BED6	RGB 165 190 214	#A5BED6
100.0%	100.0% #97B4CF	RGB 151 180 207	#97B4CF

#EFF0FE #E0E6F6 #D1DCEE #C3D2E6 #B4C8DE #A5BED6 #97B4CF

#EFF0FE - #97B4CF

HSV Blend

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

0.0%	0.0% #EFF0FE	RGB 239 240 254	#EFF0FE
16.7%	16.7% #DEE2F6	RGB 222 226 246	#DEE2F6
33.3%	33.3% #CFD6EE	RGB 207 214 238	#CFD6EE
50.0%	50.0% #C0CBE6	RGB 192 203 230	#C0CBE6
66.7%	66.7% #B2C2DE	RGB 178 194 222	#B2C2DE
83.3%	83.3% #A4BAD6	RGB 164 186 214	#A4BAD6
100.0%	100.0% #97B4CF	RGB 151 180 207	#97B4CF

#EFF0FE #DEE2F6 #CFD6EE #C0CBE6 #B2C2DE #A4BAD6 #97B4CF

#EFF0FE - #C0CBE6 - #97B4CF

CSS codes

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

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