#899BB8 - #D5CEC5 | 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 #899BB8 to #D5CEC5

#899BB8 #D5CEC5

Calculate the color between two colors, #899BB8 and #D5CEC5. 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)

#899BB8 - #D5CEC5 | 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 #899BB8 as 0% and #D5CEC5 as 100%.

0.0%	0.0% #899BB8	RGB 137 155 184	#899BB8
16.7%	16.7% #95A3BA	RGB 149 163 186	#95A3BA
33.3%	33.3% #A2ACBC	RGB 162 172 188	#A2ACBC
50.0%	50.0% #AFB4BE	RGB 175 180 190	#AFB4BE
66.7%	66.7% #BBBDC0	RGB 187 189 192	#BBBDC0
83.3%	83.3% #C8C5C2	RGB 200 197 194	#C8C5C2
100.0%	100.0% #D5CEC5	RGB 213 206 197	#D5CEC5

#899BB8 #95A3BA #A2ACBC #AFB4BE #BBBDC0 #C8C5C2 #D5CEC5

#899BB8 - #D5CEC5

HSV Blend

#899BB8 - #D5CEC5 | 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 #899BB8 as 0% and #D5CEC5 as 100%.

0.0%	0.0% #899BB8	RGB 137 155 184	#899BB8
16.7%	16.7% #9692BC	RGB 150 146 188	#9692BC
33.3%	33.3% #B29BC1	RGB 178 155 193	#B29BC1
50.0%	50.0% #C6A5C3	RGB 198 165 195	#C6A5C3
66.7%	66.7% #CBAFBB	RGB 203 175 187	#CBAFBB
83.3%	83.3% #D0BBBA	RGB 208 187 186	#D0BBBA
100.0%	100.0% #D5CEC5	RGB 213 206 197	#D5CEC5

#899BB8 #9692BC #B29BC1 #C6A5C3 #CBAFBB #D0BBBA #D5CEC5

#899BB8 - #C6A5C3 - #D5CEC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #899BB8 0%, #C6A5C3 50%, #D5CEC5 100%);
    background: -webkit-linear-gradient(top, #899BB8 0%, #C6A5C3 50%, #D5CEC5 100%);
    background: linear-gradient(to bottom, #899BB8 0%, #C6A5C3 50%, #D5CEC5 100%);
}
</style>