#9DA0DF - #E3E4F5 | 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 #9DA0DF to #E3E4F5

#9DA0DF #E3E4F5

Calculate the color between two colors, #9DA0DF and #E3E4F5. 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)

#9DA0DF - #E3E4F5 | 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 #9DA0DF as 0% and #E3E4F5 as 100%.

0.0%	0.0% #9DA0DF	RGB 157 160 223	#9DA0DF
16.7%	16.7% #A8ABE2	RGB 168 171 226	#A8ABE2
33.3%	33.3% #B4B6E6	RGB 180 182 230	#B4B6E6
50.0%	50.0% #C0C2EA	RGB 192 194 234	#C0C2EA
66.7%	66.7% #CBCDED	RGB 203 205 237	#CBCDED
83.3%	83.3% #D7D8F1	RGB 215 216 241	#D7D8F1
100.0%	100.0% #E3E4F5	RGB 227 228 245	#E3E4F5

#9DA0DF #A8ABE2 #B4B6E6 #C0C2EA #CBCDED #D7D8F1 #E3E4F5

#9DA0DF - #E3E4F5

HSV Blend

#9DA0DF - #E3E4F5 | 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 #9DA0DF as 0% and #E3E4F5 as 100%.

0.0%	0.0% #9D9FDF	RGB 157 159 223	#9D9FDF
16.7%	16.7% #A7AAE2	RGB 167 170 226	#A7AAE2
33.3%	33.3% #B3B5E6	RGB 179 181 230	#B3B5E6
50.0%	50.0% #BEC0EA	RGB 190 192 234	#BEC0EA
66.7%	66.7% #CACCED	RGB 202 204 237	#CACCED
83.3%	83.3% #D6D8F1	RGB 214 216 241	#D6D8F1
100.0%	100.0% #E3E4F5	RGB 227 228 245	#E3E4F5

#9D9FDF #A7AAE2 #B3B5E6 #BEC0EA #CACCED #D6D8F1 #E3E4F5

#9DA0DF - #BEC0EA - #E3E4F5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9D9FDF 0%, #BEC0EA 50%, #E3E4F5 100%);
    background: -webkit-linear-gradient(top, #9D9FDF 0%, #BEC0EA 50%, #E3E4F5 100%);
    background: linear-gradient(to bottom, #9D9FDF 0%, #BEC0EA 50%, #E3E4F5 100%);
}
</style>