#CBD4D9 - #79879D | 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 #CBD4D9 to #79879D

#CBD4D9 #79879D

Calculate the color between two colors, #CBD4D9 and #79879D. 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)

#CBD4D9 - #79879D | 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 #CBD4D9 as 0% and #79879D as 100%.

0.0%	0.0% #CBD4D9	RGB 203 212 217	#CBD4D9
16.7%	16.7% #BDC7CF	RGB 189 199 207	#BDC7CF
33.3%	33.3% #AFBAC5	RGB 175 186 197	#AFBAC5
50.0%	50.0% #A2ADBB	RGB 162 173 187	#A2ADBB
66.7%	66.7% #94A0B1	RGB 148 160 177	#94A0B1
83.3%	83.3% #8693A7	RGB 134 147 167	#8693A7
100.0%	100.0% #79879D	RGB 121 135 157	#79879D

#CBD4D9 #BDC7CF #AFBAC5 #A2ADBB #94A0B1 #8693A7 #79879D

#CBD4D9 - #79879D

HSV Blend

#CBD4D9 - #79879D | 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 #CBD4D9 as 0% and #79879D as 100%.

0.0%	0.0% #CBD4D9	RGB 203 212 217	#CBD4D9
16.7%	16.7% #BBC7CF	RGB 187 199 207	#BBC7CF
33.3%	33.3% #ADBAC5	RGB 173 186 197	#ADBAC5
50.0%	50.0% #9FADBB	RGB 159 173 187	#9FADBB
66.7%	66.7% #92A0B1	RGB 146 160 177	#92A0B1
83.3%	83.3% #8593A7	RGB 133 147 167	#8593A7
100.0%	100.0% #79879D	RGB 121 135 157	#79879D

#CBD4D9 #BBC7CF #ADBAC5 #9FADBB #92A0B1 #8593A7 #79879D

#CBD4D9 - #9FADBB - #79879D

CSS codes

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

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