#92A49A - #DFE5E2 | 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 #92A49A to #DFE5E2

#92A49A #DFE5E2

Calculate the color between two colors, #92A49A and #DFE5E2. 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)

#92A49A - #DFE5E2 | 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 #92A49A as 0% and #DFE5E2 as 100%.

0.0%	0.0% #92A49A	RGB 146 164 154	#92A49A
16.7%	16.7% #9EAEA6	RGB 158 174 166	#9EAEA6
33.3%	33.3% #ABB9B2	RGB 171 185 178	#ABB9B2
50.0%	50.0% #B8C4BE	RGB 184 196 190	#B8C4BE
66.7%	66.7% #C5CFCA	RGB 197 207 202	#C5CFCA
83.3%	83.3% #D2DAD6	RGB 210 218 214	#D2DAD6
100.0%	100.0% #DFE5E2	RGB 223 229 226	#DFE5E2

#92A49A #9EAEA6 #ABB9B2 #B8C4BE #C5CFCA #D2DAD6 #DFE5E2

#92A49A - #DFE5E2

HSV Blend

#92A49A - #DFE5E2 | 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 #92A49A as 0% and #DFE5E2 as 100%.

0.0%	0.0% #92A49A	RGB 146 164 154	#92A49A
16.7%	16.7% #9EAEA5	RGB 158 174 165	#9EAEA5
33.3%	33.3% #AAB9B1	RGB 170 185 177	#AAB9B1
50.0%	50.0% #B7C4BD	RGB 183 196 189	#B7C4BD
66.7%	66.7% #C4CFC9	RGB 196 207 201	#C4CFC9
83.3%	83.3% #D1DAD5	RGB 209 218 213	#D1DAD5
100.0%	100.0% #DFE5E2	RGB 223 229 226	#DFE5E2

#92A49A #9EAEA5 #AAB9B1 #B7C4BD #C4CFC9 #D1DAD5 #DFE5E2

#92A49A - #B7C4BD - #DFE5E2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #92A49A 0%, #B7C4BD 50%, #DFE5E2 100%);
    background: -webkit-linear-gradient(top, #92A49A 0%, #B7C4BD 50%, #DFE5E2 100%);
    background: linear-gradient(to bottom, #92A49A 0%, #B7C4BD 50%, #DFE5E2 100%);
}
</style>