#8D9EC1 - #D3CFCB | 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 #8D9EC1 to #D3CFCB

#8D9EC1 #D3CFCB

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

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

0.0%	0.0% #8D9EC1	RGB 141 158 193	#8D9EC1
16.7%	16.7% #98A6C2	RGB 152 166 194	#98A6C2
33.3%	33.3% #A4AEC4	RGB 164 174 196	#A4AEC4
50.0%	50.0% #B0B6C6	RGB 176 182 198	#B0B6C6
66.7%	66.7% #BBBEC7	RGB 187 190 199	#BBBEC7
83.3%	83.3% #C7C6C9	RGB 199 198 201	#C7C6C9
100.0%	100.0% #D3CFCB	RGB 211 207 203	#D3CFCB

#8D9EC1 #98A6C2 #A4AEC4 #B0B6C6 #BBBEC7 #C7C6C9 #D3CFCB

#8D9EC1 - #D3CFCB

HSV Blend

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

0.0%	0.0% #8D9EC1	RGB 141 158 193	#8D9EC1
16.7%	16.7% #9D96C4	RGB 157 150 196	#9D96C4
33.3%	33.3% #B8A0C7	RGB 184 160 199	#B8A0C7
50.0%	50.0% #CAAAC7	RGB 202 170 199	#CAAAC7
66.7%	66.7% #CDB5BF	RGB 205 181 191	#CDB5BF
83.3%	83.3% #D0C0C0	RGB 208 192 192	#D0C0C0
100.0%	100.0% #D3CFCB	RGB 211 207 203	#D3CFCB

#8D9EC1 #9D96C4 #B8A0C7 #CAAAC7 #CDB5BF #D0C0C0 #D3CFCB

#8D9EC1 - #CAAAC7 - #D3CFCB

CSS codes

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

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