#BDCFD8 - #69819C | 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 #BDCFD8 to #69819C

#BDCFD8 #69819C

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

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

0.0%	0.0% #BDCFD8	RGB 189 207 216	#BDCFD8
16.7%	16.7% #AFC2CE	RGB 175 194 206	#AFC2CE
33.3%	33.3% #A1B5C4	RGB 161 181 196	#A1B5C4
50.0%	50.0% #93A8BA	RGB 147 168 186	#93A8BA
66.7%	66.7% #859BB0	RGB 133 155 176	#859BB0
83.3%	83.3% #778EA6	RGB 119 142 166	#778EA6
100.0%	100.0% #69819C	RGB 105 129 156	#69819C

#BDCFD8 #AFC2CE #A1B5C4 #93A8BA #859BB0 #778EA6 #69819C

#BDCFD8 - #69819C

HSV Blend

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

0.0%	0.0% #BDCFD8	RGB 189 207 216	#BDCFD8
16.7%	16.7% #ADC2CE	RGB 173 194 206	#ADC2CE
33.3%	33.3% #9EB4C4	RGB 158 180 196	#9EB4C4
50.0%	50.0% #8FA7BA	RGB 143 167 186	#8FA7BA
66.7%	66.7% #829AB0	RGB 130 154 176	#829AB0
83.3%	83.3% #758DA6	RGB 117 141 166	#758DA6
100.0%	100.0% #69819C	RGB 105 129 156	#69819C

#BDCFD8 #ADC2CE #9EB4C4 #8FA7BA #829AB0 #758DA6 #69819C

#BDCFD8 - #8FA7BA - #69819C

CSS codes

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

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