#DFDFE1 - #839FA6 | 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 #DFDFE1 to #839FA6

#DFDFE1 #839FA6

Calculate the color between two colors, #DFDFE1 and #839FA6. 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)

#DFDFE1 - #839FA6 | 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 #DFDFE1 as 0% and #839FA6 as 100%.

0.0%	0.0% #DFDFE1	RGB 223 223 225	#DFDFE1
16.7%	16.7% #CFD4D7	RGB 207 212 215	#CFD4D7
33.3%	33.3% #C0C9CD	RGB 192 201 205	#C0C9CD
50.0%	50.0% #B1BFC3	RGB 177 191 195	#B1BFC3
66.7%	66.7% #A1B4B9	RGB 161 180 185	#A1B4B9
83.3%	83.3% #92A9AF	RGB 146 169 175	#92A9AF
100.0%	100.0% #839FA6	RGB 131 159 166	#839FA6

#DFDFE1 #CFD4D7 #C0C9CD #B1BFC3 #A1B4B9 #92A9AF #839FA6

#DFDFE1 - #839FA6

HSV Blend

#DFDFE1 - #839FA6 | 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 #DFDFE1 as 0% and #839FA6 as 100%.

0.0%	0.0% #DFDFE1	RGB 223 223 225	#DFDFE1
16.7%	16.7% #CECFD7	RGB 206 207 215	#CECFD7
33.3%	33.3% #BDC1CD	RGB 189 193 205	#BDC1CD
50.0%	50.0% #AEB6C3	RGB 174 182 195	#AEB6C3
66.7%	66.7% #9FADB9	RGB 159 173 185	#9FADB9
83.3%	83.3% #90A5AF	RGB 144 165 175	#90A5AF
100.0%	100.0% #839FA6	RGB 131 159 166	#839FA6

#DFDFE1 #CECFD7 #BDC1CD #AEB6C3 #9FADB9 #90A5AF #839FA6

#DFDFE1 - #AEB6C3 - #839FA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFDFE1 0%, #AEB6C3 50%, #839FA6 100%);
    background: -webkit-linear-gradient(top, #DFDFE1 0%, #AEB6C3 50%, #839FA6 100%);
    background: linear-gradient(to bottom, #DFDFE1 0%, #AEB6C3 50%, #839FA6 100%);
}
</style>