#7B68EE - #DAC1F8 | 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 #7B68EE to #DAC1F8

#7B68EE #DAC1F8

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

#7B68EE - #DAC1F8 | 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 #7B68EE as 0% and #DAC1F8 as 100%.

0.0%	0.0% #7B68EE	RGB 123 104 238	#7B68EE
16.7%	16.7% #8A76EF	RGB 138 118 239	#8A76EF
33.3%	33.3% #9A85F1	RGB 154 133 241	#9A85F1
50.0%	50.0% #AA94F3	RGB 170 148 243	#AA94F3
66.7%	66.7% #BAA3F4	RGB 186 163 244	#BAA3F4
83.3%	83.3% #CAB2F6	RGB 202 178 246	#CAB2F6
100.0%	100.0% #DAC1F8	RGB 218 193 248	#DAC1F8

#7B68EE #8A76EF #9A85F1 #AA94F3 #BAA3F4 #CAB2F6 #DAC1F8

#7B68EE - #DAC1F8

HSV Blend

#7B68EE - #DAC1F8 | 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 #7B68EE as 0% and #DAC1F8 as 100%.

0.0%	0.0% #7B68EE	RGB 123 104 238	#7B68EE
16.7%	16.7% #8D76EF	RGB 141 118 239	#8D76EF
33.3%	33.3% #9F84F1	RGB 159 132 241	#9F84F1
50.0%	50.0% #B093F3	RGB 176 147 243	#B093F3
66.7%	66.7% #BFA2F4	RGB 191 162 244	#BFA2F4
83.3%	83.3% #CDB1F6	RGB 205 177 246	#CDB1F6
100.0%	100.0% #DAC1F8	RGB 218 193 248	#DAC1F8

#7B68EE #8D76EF #9F84F1 #B093F3 #BFA2F4 #CDB1F6 #DAC1F8

#7B68EE - #B093F3 - #DAC1F8

CSS codes

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

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