#7E67AF - #DAD3E8 | 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 #7E67AF to #DAD3E8

#7E67AF #DAD3E8

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

#7E67AF - #DAD3E8 | 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 #7E67AF as 0% and #DAD3E8 as 100%.

0.0%	0.0% #7E67AF	RGB 126 103 175	#7E67AF
16.7%	16.7% #8D79B8	RGB 141 121 184	#8D79B8
33.3%	33.3% #9C8BC2	RGB 156 139 194	#9C8BC2
50.0%	50.0% #AC9DCB	RGB 172 157 203	#AC9DCB
66.7%	66.7% #BBAFD5	RGB 187 175 213	#BBAFD5
83.3%	83.3% #CAC1DE	RGB 202 193 222	#CAC1DE
100.0%	100.0% #DAD3E8	RGB 218 211 232	#DAD3E8

#7E67AF #8D79B8 #9C8BC2 #AC9DCB #BBAFD5 #CAC1DE #DAD3E8

#7E67AF - #DAD3E8

HSV Blend

#7E67AF - #DAD3E8 | 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 #7E67AF as 0% and #DAD3E8 as 100%.

0.0%	0.0% #7E67AF	RGB 126 103 175	#7E67AF
16.7%	16.7% #8B76B8	RGB 139 118 184	#8B76B8
33.3%	33.3% #9A86C2	RGB 154 134 194	#9A86C2
50.0%	50.0% #A998CB	RGB 169 152 203	#A998CB
66.7%	66.7% #B8AAD5	RGB 184 170 213	#B8AAD5
83.3%	83.3% #C9BEDE	RGB 201 190 222	#C9BEDE
100.0%	100.0% #DAD3E8	RGB 218 211 232	#DAD3E8

#7E67AF #8B76B8 #9A86C2 #A998CB #B8AAD5 #C9BEDE #DAD3E8

#7E67AF - #A998CB - #DAD3E8

CSS codes

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

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