#D9D9F4 - #7891C2 | 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 #D9D9F4 to #7891C2

#D9D9F4 #7891C2

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

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

0.0%	0.0% #D9D9F4	RGB 217 217 244	#D9D9F4
16.7%	16.7% #C8CDEB	RGB 200 205 235	#C8CDEB
33.3%	33.3% #B8C1E3	RGB 184 193 227	#B8C1E3
50.0%	50.0% #A8B5DB	RGB 168 181 219	#A8B5DB
66.7%	66.7% #98A9D2	RGB 152 169 210	#98A9D2
83.3%	83.3% #889DCA	RGB 136 157 202	#889DCA
100.0%	100.0% #7891C2	RGB 120 145 194	#7891C2

#D9D9F4 #C8CDEB #B8C1E3 #A8B5DB #98A9D2 #889DCA #7891C2

#D9D9F4 - #7891C2

HSV Blend

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

0.0%	0.0% #D9D9F4	RGB 217 217 244	#D9D9F4
16.7%	16.7% #C6C9EB	RGB 198 201 235	#C6C9EB
33.3%	33.3% #B5BAE3	RGB 181 186 227	#B5BAE3
50.0%	50.0% #A5AEDB	RGB 165 174 219	#A5AEDB
66.7%	66.7% #95A3D2	RGB 149 163 210	#95A3D2
83.3%	83.3% #8699CA	RGB 134 153 202	#8699CA
100.0%	100.0% #7891C2	RGB 120 145 194	#7891C2

#D9D9F4 #C6C9EB #B5BAE3 #A5AEDB #95A3D2 #8699CA #7891C2

#D9D9F4 - #A5AEDB - #7891C2

CSS codes

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

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