#9BAEB6 - #E2E7EA | 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 #9BAEB6 to #E2E7EA

#9BAEB6 #E2E7EA

Calculate the color between two colors, #9BAEB6 and #E2E7EA. 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)

#9BAEB6 - #E2E7EA | 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 #9BAEB6 as 0% and #E2E7EA as 100%.

0.0%	0.0% #9BAEB6	RGB 155 174 182	#9BAEB6
16.7%	16.7% #A6B7BE	RGB 166 183 190	#A6B7BE
33.3%	33.3% #B2C1C7	RGB 178 193 199	#B2C1C7
50.0%	50.0% #BECAD0	RGB 190 202 208	#BECAD0
66.7%	66.7% #CAD4D8	RGB 202 212 216	#CAD4D8
83.3%	83.3% #D6DDE1	RGB 214 221 225	#D6DDE1
100.0%	100.0% #E2E7EA	RGB 226 231 234	#E2E7EA

#9BAEB6 #A6B7BE #B2C1C7 #BECAD0 #CAD4D8 #D6DDE1 #E2E7EA

#9BAEB6 - #E2E7EA

HSV Blend

#9BAEB6 - #E2E7EA | 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 #9BAEB6 as 0% and #E2E7EA as 100%.

0.0%	0.0% #9BAEB6	RGB 155 174 182	#9BAEB6
16.7%	16.7% #A6B7BE	RGB 166 183 190	#A6B7BE
33.3%	33.3% #B1C0C7	RGB 177 192 199	#B1C0C7
50.0%	50.0% #BDC9D0	RGB 189 201 208	#BDC9D0
66.7%	66.7% #C9D3D8	RGB 201 211 216	#C9D3D8
83.3%	83.3% #D5DCE1	RGB 213 220 225	#D5DCE1
100.0%	100.0% #E2E7EA	RGB 226 231 234	#E2E7EA

#9BAEB6 #A6B7BE #B1C0C7 #BDC9D0 #C9D3D8 #D5DCE1 #E2E7EA

#9BAEB6 - #BDC9D0 - #E2E7EA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9BAEB6 0%, #BDC9D0 50%, #E2E7EA 100%);
    background: -webkit-linear-gradient(top, #9BAEB6 0%, #BDC9D0 50%, #E2E7EA 100%);
    background: linear-gradient(to bottom, #9BAEB6 0%, #BDC9D0 50%, #E2E7EA 100%);
}
</style>