#92969C - #DFDFE2 | 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 #92969C to #DFDFE2

#92969C #DFDFE2

Calculate the color between two colors, #92969C and #DFDFE2. 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)

#92969C - #DFDFE2 | 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 #92969C as 0% and #DFDFE2 as 100%.

0.0%	0.0% #92969C	RGB 146 150 156	#92969C
16.7%	16.7% #9EA2A7	RGB 158 162 167	#9EA2A7
33.3%	33.3% #ABAEB3	RGB 171 174 179	#ABAEB3
50.0%	50.0% #B8BABF	RGB 184 186 191	#B8BABF
66.7%	66.7% #C5C6CA	RGB 197 198 202	#C5C6CA
83.3%	83.3% #D2D2D6	RGB 210 210 214	#D2D2D6
100.0%	100.0% #DFDFE2	RGB 223 223 226	#DFDFE2

#92969C #9EA2A7 #ABAEB3 #B8BABF #C5C6CA #D2D2D6 #DFDFE2

#92969C - #DFDFE2

HSV Blend

#92969C - #DFDFE2 | 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 #92969C as 0% and #DFDFE2 as 100%.

0.0%	0.0% #92969C	RGB 146 150 156	#92969C
16.7%	16.7% #9EA1A7	RGB 158 161 167	#9EA1A7
33.3%	33.3% #AAADB3	RGB 170 173 179	#AAADB3
50.0%	50.0% #B7B9BF	RGB 183 185 191	#B7B9BF
66.7%	66.7% #C4C5CA	RGB 196 197 202	#C4C5CA
83.3%	83.3% #D1D1D6	RGB 209 209 214	#D1D1D6
100.0%	100.0% #DFDFE2	RGB 223 223 226	#DFDFE2

#92969C #9EA1A7 #AAADB3 #B7B9BF #C4C5CA #D1D1D6 #DFDFE2

#92969C - #B7B9BF - #DFDFE2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #92969C 0%, #B7B9BF 50%, #DFDFE2 100%);
    background: -webkit-linear-gradient(top, #92969C 0%, #B7B9BF 50%, #DFDFE2 100%);
    background: linear-gradient(to bottom, #92969C 0%, #B7B9BF 50%, #DFDFE2 100%);
}
</style>