#D9D9F6 - #7891C5 | 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 #D9D9F6 to #7891C5

#D9D9F6 #7891C5

Calculate the color between two colors, #D9D9F6 and #7891C5. 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)

#D9D9F6 - #7891C5 | 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 #D9D9F6 as 0% and #7891C5 as 100%.

0.0%	0.0% #D9D9F6	RGB 217 217 246	#D9D9F6
16.7%	16.7% #C8CDED	RGB 200 205 237	#C8CDED
33.3%	33.3% #B8C1E5	RGB 184 193 229	#B8C1E5
50.0%	50.0% #A8B5DD	RGB 168 181 221	#A8B5DD
66.7%	66.7% #98A9D5	RGB 152 169 213	#98A9D5
83.3%	83.3% #889DCD	RGB 136 157 205	#889DCD
100.0%	100.0% #7891C5	RGB 120 145 197	#7891C5

#D9D9F6 #C8CDED #B8C1E5 #A8B5DD #98A9D5 #889DCD #7891C5

#D9D9F6 - #7891C5

HSV Blend

#D9D9F6 - #7891C5 | 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 #D9D9F6 as 0% and #7891C5 as 100%.

0.0%	0.0% #D9D9F6	RGB 217 217 246	#D9D9F6
16.7%	16.7% #C6C9ED	RGB 198 201 237	#C6C9ED
33.3%	33.3% #B5BAE5	RGB 181 186 229	#B5BAE5
50.0%	50.0% #A5AEDD	RGB 165 174 221	#A5AEDD
66.7%	66.7% #95A3D5	RGB 149 163 213	#95A3D5
83.3%	83.3% #8699CD	RGB 134 153 205	#8699CD
100.0%	100.0% #7891C5	RGB 120 145 197	#7891C5

#D9D9F6 #C6C9ED #B5BAE5 #A5AEDD #95A3D5 #8699CD #7891C5

#D9D9F6 - #A5AEDD - #7891C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9D9F6 0%, #A5AEDD 50%, #7891C5 100%);
    background: -webkit-linear-gradient(top, #D9D9F6 0%, #A5AEDD 50%, #7891C5 100%);
    background: linear-gradient(to bottom, #D9D9F6 0%, #A5AEDD 50%, #7891C5 100%);
}
</style>