#7F7FD8 - #DADAF3 | 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 #7F7FD8 to #DADAF3

#7F7FD8 #DADAF3

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

#7F7FD8 - #DADAF3 | 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 #7F7FD8 as 0% and #DADAF3 as 100%.

0.0%	0.0% #7F7FD8	RGB 127 127 216	#7F7FD8
16.7%	16.7% #8E8EDC	RGB 142 142 220	#8E8EDC
33.3%	33.3% #9D9DE1	RGB 157 157 225	#9D9DE1
50.0%	50.0% #ACACE5	RGB 172 172 229	#ACACE5
66.7%	66.7% #BBBBEA	RGB 187 187 234	#BBBBEA
83.3%	83.3% #CACAEE	RGB 202 202 238	#CACAEE
100.0%	100.0% #DADAF3	RGB 218 218 243	#DADAF3

#7F7FD8 #8E8EDC #9D9DE1 #ACACE5 #BBBBEA #CACAEE #DADAF3

#7F7FD8 - #DADAF3

HSV Blend

#7F7FD8 - #DADAF3 | 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 #7F7FD8 as 0% and #DADAF3 as 100%.

0.0%	0.0% #7F7FD8	RGB 127 127 216	#7F7FD8
16.7%	16.7% #8D8DDC	RGB 141 141 220	#8D8DDC
33.3%	33.3% #9B9BE1	RGB 155 155 225	#9B9BE1
50.0%	50.0% #AAAAE5	RGB 170 170 229	#AAAAE5
66.7%	66.7% #B9B9EA	RGB 185 185 234	#B9B9EA
83.3%	83.3% #C9C9EE	RGB 201 201 238	#C9C9EE
100.0%	100.0% #DADAF3	RGB 218 218 243	#DADAF3

#7F7FD8 #8D8DDC #9B9BE1 #AAAAE5 #B9B9EA #C9C9EE #DADAF3

#7F7FD8 - #AAAAE5 - #DADAF3

CSS codes

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

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