#684EB6 - #DAA3CD | 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 #684EB6 to #DAA3CD

#684EB6 #DAA3CD

Calculate the color between two colors, #684EB6 and #DAA3CD. 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)

#684EB6 - #DAA3CD | 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 #684EB6 as 0% and #DAA3CD as 100%.

0.0%	0.0% #684EB6	RGB 104 78 182	#684EB6
16.7%	16.7% #7B5CB9	RGB 123 92 185	#7B5CB9
33.3%	33.3% #8E6ABD	RGB 142 106 189	#8E6ABD
50.0%	50.0% #A178C1	RGB 161 120 193	#A178C1
66.7%	66.7% #B486C5	RGB 180 134 197	#B486C5
83.3%	83.3% #C794C9	RGB 199 148 201	#C794C9
100.0%	100.0% #DAA3CD	RGB 218 163 205	#DAA3CD

#684EB6 #7B5CB9 #8E6ABD #A178C1 #B486C5 #C794C9 #DAA3CD

#684EB6 - #DAA3CD

HSV Blend

#684EB6 - #DAA3CD | 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 #684EB6 as 0% and #DAA3CD as 100%.

0.0%	0.0% #674EB6	RGB 103 78 182	#674EB6
16.7%	16.7% #825ABC	RGB 130 90 188	#825ABC
33.3%	33.3% #9B67C2	RGB 155 103 194	#9B67C2
50.0%	50.0% #B275C8	RGB 178 117 200	#B275C8
66.7%	66.7% #C784CE	RGB 199 132 206	#C784CE
83.3%	83.3% #D493CF	RGB 212 147 207	#D493CF
100.0%	100.0% #DAA3CD	RGB 218 163 205	#DAA3CD

#674EB6 #825ABC #9B67C2 #B275C8 #C784CE #D493CF #DAA3CD

#684EB6 - #B275C8 - #DAA3CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #674EB6 0%, #B275C8 50%, #DAA3CD 100%);
    background: -webkit-linear-gradient(top, #674EB6 0%, #B275C8 50%, #DAA3CD 100%);
    background: linear-gradient(to bottom, #674EB6 0%, #B275C8 50%, #DAA3CD 100%);
}
</style>