#DBDBDC - #8F98B1 | 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 #DBDBDC to #8F98B1

#DBDBDC #8F98B1

Calculate the color between two colors, #DBDBDC and #8F98B1. 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)

#DBDBDC - #8F98B1 | 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 #DBDBDC as 0% and #8F98B1 as 100%.

0.0%	0.0% #DBDBDC	RGB 219 219 220	#DBDBDC
16.7%	16.7% #CECFD4	RGB 206 207 212	#CECFD4
33.3%	33.3% #C1C4CD	RGB 193 196 205	#C1C4CD
50.0%	50.0% #B5B9C6	RGB 181 185 198	#B5B9C6
66.7%	66.7% #A8AEBF	RGB 168 174 191	#A8AEBF
83.3%	83.3% #9BA3B8	RGB 155 163 184	#9BA3B8
100.0%	100.0% #8F98B1	RGB 143 152 177	#8F98B1

#DBDBDC #CECFD4 #C1C4CD #B5B9C6 #A8AEBF #9BA3B8 #8F98B1

#DBDBDC - #8F98B1

HSV Blend

#DBDBDC - #8F98B1 | 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 #DBDBDC as 0% and #8F98B1 as 100%.

0.0%	0.0% #DBDBDC	RGB 219 219 220	#DBDBDC
16.7%	16.7% #CDCDD4	RGB 205 205 212	#CDCDD4
33.3%	33.3% #BFC1CD	RGB 191 193 205	#BFC1CD
50.0%	50.0% #B2B5C6	RGB 178 181 198	#B2B5C6
66.7%	66.7% #A6AABF	RGB 166 170 191	#A6AABF
83.3%	83.3% #9AA1B8	RGB 154 161 184	#9AA1B8
100.0%	100.0% #8F98B1	RGB 143 152 177	#8F98B1

#DBDBDC #CDCDD4 #BFC1CD #B2B5C6 #A6AABF #9AA1B8 #8F98B1

#DBDBDC - #B2B5C6 - #8F98B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDBDC 0%, #B2B5C6 50%, #8F98B1 100%);
    background: -webkit-linear-gradient(top, #DBDBDC 0%, #B2B5C6 50%, #8F98B1 100%);
    background: linear-gradient(to bottom, #DBDBDC 0%, #B2B5C6 50%, #8F98B1 100%);
}
</style>