#7E91DF - #DADFF5 | 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 #7E91DF to #DADFF5

#7E91DF #DADFF5

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

#7E91DF - #DADFF5 | 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 #7E91DF as 0% and #DADFF5 as 100%.

0.0%	0.0% #7E91DF	RGB 126 145 223	#7E91DF
16.7%	16.7% #8D9EE2	RGB 141 158 226	#8D9EE2
33.3%	33.3% #9CABE6	RGB 156 171 230	#9CABE6
50.0%	50.0% #ACB8EA	RGB 172 184 234	#ACB8EA
66.7%	66.7% #BBC5ED	RGB 187 197 237	#BBC5ED
83.3%	83.3% #CAD2F1	RGB 202 210 241	#CAD2F1
100.0%	100.0% #DADFF5	RGB 218 223 245	#DADFF5

#7E91DF #8D9EE2 #9CABE6 #ACB8EA #BBC5ED #CAD2F1 #DADFF5

#7E91DF - #DADFF5

HSV Blend

#7E91DF - #DADFF5 | 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 #7E91DF as 0% and #DADFF5 as 100%.

0.0%	0.0% #7E91DF	RGB 126 145 223	#7E91DF
16.7%	16.7% #8C9DE2	RGB 140 157 226	#8C9DE2
33.3%	33.3% #9BA9E6	RGB 155 169 230	#9BA9E6
50.0%	50.0% #AAB6EA	RGB 170 182 234	#AAB6EA
66.7%	66.7% #B9C3ED	RGB 185 195 237	#B9C3ED
83.3%	83.3% #C9D1F1	RGB 201 209 241	#C9D1F1
100.0%	100.0% #DADFF5	RGB 218 223 245	#DADFF5

#7E91DF #8C9DE2 #9BA9E6 #AAB6EA #B9C3ED #C9D1F1 #DADFF5

#7E91DF - #AAB6EA - #DADFF5

CSS codes

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

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