#7C92DA - #D9DFF4 | 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 #7C92DA to #D9DFF4

#7C92DA #D9DFF4

Calculate the color between two colors, #7C92DA and #D9DFF4. 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)

#7C92DA - #D9DFF4 | 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 #7C92DA as 0% and #D9DFF4 as 100%.

0.0%	0.0% #7C92DA	RGB 124 146 218	#7C92DA
16.7%	16.7% #8B9EDE	RGB 139 158 222	#8B9EDE
33.3%	33.3% #9BABE2	RGB 155 171 226	#9BABE2
50.0%	50.0% #AAB8E7	RGB 170 184 231	#AAB8E7
66.7%	66.7% #BAC5EB	RGB 186 197 235	#BAC5EB
83.3%	83.3% #C9D2EF	RGB 201 210 239	#C9D2EF
100.0%	100.0% #D9DFF4	RGB 217 223 244	#D9DFF4

#7C92DA #8B9EDE #9BABE2 #AAB8E7 #BAC5EB #C9D2EF #D9DFF4

#7C92DA - #D9DFF4

HSV Blend

#7C92DA - #D9DFF4 | 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 #7C92DA as 0% and #D9DFF4 as 100%.

0.0%	0.0% #7C92DA	RGB 124 146 218	#7C92DA
16.7%	16.7% #8A9DDE	RGB 138 157 222	#8A9DDE
33.3%	33.3% #99AAE2	RGB 153 170 226	#99AAE2
50.0%	50.0% #A8B6E7	RGB 168 182 231	#A8B6E7
66.7%	66.7% #B8C3EB	RGB 184 195 235	#B8C3EB
83.3%	83.3% #C8D1EF	RGB 200 209 239	#C8D1EF
100.0%	100.0% #D9DFF4	RGB 217 223 244	#D9DFF4

#7C92DA #8A9DDE #99AAE2 #A8B6E7 #B8C3EB #C8D1EF #D9DFF4

#7C92DA - #A8B6E7 - #D9DFF4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7C92DA 0%, #A8B6E7 50%, #D9DFF4 100%);
    background: -webkit-linear-gradient(top, #7C92DA 0%, #A8B6E7 50%, #D9DFF4 100%);
    background: linear-gradient(to bottom, #7C92DA 0%, #A8B6E7 50%, #D9DFF4 100%);
}
</style>