#DADAFB - #6D6DDB | 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 #DADAFB to #6D6DDB

#DADAFB #6D6DDB

Calculate the color between two colors, #DADAFB and #6D6DDB. 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)

#DADAFB - #6D6DDB | 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 #DADAFB as 0% and #6D6DDB as 100%.

0.0%	0.0% #DADAFB	RGB 218 218 251	#DADAFB
16.7%	16.7% #C7C7F5	RGB 199 199 245	#C7C7F5
33.3%	33.3% #B5B5F0	RGB 181 181 240	#B5B5F0
50.0%	50.0% #A3A3EB	RGB 163 163 235	#A3A3EB
66.7%	66.7% #9191E5	RGB 145 145 229	#9191E5
83.3%	83.3% #7F7FE0	RGB 127 127 224	#7F7FE0
100.0%	100.0% #6D6DDB	RGB 109 109 219	#6D6DDB

#DADAFB #C7C7F5 #B5B5F0 #A3A3EB #9191E5 #7F7FE0 #6D6DDB

#DADAFB - #6D6DDB

HSV Blend

#DADAFB - #6D6DDB | 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 #DADAFB as 0% and #6D6DDB as 100%.

0.0%	0.0% #DADAFB	RGB 218 218 251	#DADAFB
16.7%	16.7% #C6C6F5	RGB 198 198 245	#C6C6F5
33.3%	33.3% #B3B3F0	RGB 179 179 240	#B3B3F0
50.0%	50.0% #A0A0EB	RGB 160 160 235	#A0A0EB
66.7%	66.7% #8E8EE5	RGB 142 142 229	#8E8EE5
83.3%	83.3% #7D7DE0	RGB 125 125 224	#7D7DE0
100.0%	100.0% #6D6DDB	RGB 109 109 219	#6D6DDB

#DADAFB #C6C6F5 #B3B3F0 #A0A0EB #8E8EE5 #7D7DE0 #6D6DDB

#DADAFB - #A0A0EB - #6D6DDB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DADAFB 0%, #A0A0EB 50%, #6D6DDB 100%);
    background: -webkit-linear-gradient(top, #DADAFB 0%, #A0A0EB 50%, #6D6DDB 100%);
    background: linear-gradient(to bottom, #DADAFB 0%, #A0A0EB 50%, #6D6DDB 100%);
}
</style>