#8C9EC2 - #D2D0CB | 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 #8C9EC2 to #D2D0CB

#8C9EC2 #D2D0CB

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

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

0.0%	0.0% #8C9EC2	RGB 140 158 194	#8C9EC2
16.7%	16.7% #97A6C3	RGB 151 166 195	#97A6C3
33.3%	33.3% #A3AEC5	RGB 163 174 197	#A3AEC5
50.0%	50.0% #AFB7C6	RGB 175 183 198	#AFB7C6
66.7%	66.7% #BABFC8	RGB 186 191 200	#BABFC8
83.3%	83.3% #C6C7C9	RGB 198 199 201	#C6C7C9
100.0%	100.0% #D2D0CB	RGB 210 208 203	#D2D0CB

#8C9EC2 #97A6C3 #A3AEC5 #AFB7C6 #BABFC8 #C6C7C9 #D2D0CB

#8C9EC2 - #D2D0CB

HSV Blend

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

0.0%	0.0% #8C9EC2	RGB 140 158 194	#8C9EC2
16.7%	16.7% #95BCC4	RGB 149 188 196	#95BCC4
33.3%	33.3% #A0C7BA	RGB 160 199 186	#A0C7BA
50.0%	50.0% #AACAB0	RGB 170 202 176	#AACAB0
66.7%	66.7% #BCCCB5	RGB 188 204 181	#BCCCB5
83.3%	83.3% #CCCFBF	RGB 204 207 191	#CCCFBF
100.0%	100.0% #D2D0CB	RGB 210 208 203	#D2D0CB

#8C9EC2 #95BCC4 #A0C7BA #AACAB0 #BCCCB5 #CCCFBF #D2D0CB

#8C9EC2 - #AACAB0 - #D2D0CB

CSS codes

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

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