#D3D6E5 - #8C78AF | 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 #D3D6E5 to #8C78AF

#D3D6E5 #8C78AF

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

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

0.0%	0.0% #D3D6E5	RGB 211 214 229	#D3D6E5
16.7%	16.7% #C7C6DC	RGB 199 198 220	#C7C6DC
33.3%	33.3% #BBB6D3	RGB 187 182 211	#BBB6D3
50.0%	50.0% #AFA7CA	RGB 175 167 202	#AFA7CA
66.7%	66.7% #A397C1	RGB 163 151 193	#A397C1
83.3%	83.3% #9787B8	RGB 151 135 184	#9787B8
100.0%	100.0% #8C78AF	RGB 140 120 175	#8C78AF

#D3D6E5 #C7C6DC #BBB6D3 #AFA7CA #A397C1 #9787B8 #8C78AF

#D3D6E5 - #8C78AF

HSV Blend

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

0.0%	0.0% #D3D6E5	RGB 211 214 229	#D3D6E5
16.7%	16.7% #C2C4DC	RGB 194 196 220	#C2C4DC
33.3%	33.3% #B2B1D3	RGB 178 177 211	#B2B1D3
50.0%	50.0% #A6A2CA	RGB 166 162 202	#A6A2CA
66.7%	66.7% #9C93C1	RGB 156 147 193	#9C93C1
83.3%	83.3% #9385B8	RGB 147 133 184	#9385B8
100.0%	100.0% #8C78AF	RGB 140 120 175	#8C78AF

#D3D6E5 #C2C4DC #B2B1D3 #A6A2CA #9C93C1 #9385B8 #8C78AF

#D3D6E5 - #A6A2CA - #8C78AF

CSS codes

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

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