#6A8F87 - #E49DFD | 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 #6A8F87 to #E49DFD

#6A8F87 #E49DFD

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

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

0.0%	0.0% #6A8F87	RGB 106 143 135	#6A8F87
16.7%	16.7% #7E919A	RGB 126 145 154	#7E919A
33.3%	33.3% #9293AE	RGB 146 147 174	#9293AE
50.0%	50.0% #A796C2	RGB 167 150 194	#A796C2
66.7%	66.7% #BB98D5	RGB 187 152 213	#BB98D5
83.3%	83.3% #CF9AE9	RGB 207 154 233	#CF9AE9
100.0%	100.0% #E49DFD	RGB 228 157 253	#E49DFD

#6A8F87 #7E919A #9293AE #A796C2 #BB98D5 #CF9AE9 #E49DFD

#6A8F87 - #E49DFD

HSV Blend

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

0.0%	0.0% #6A8F87	RGB 106 143 135	#6A8F87
16.7%	16.7% #749CA1	RGB 116 156 161	#749CA1
33.3%	33.3% #7D9CB3	RGB 125 156 179	#7D9CB3
50.0%	50.0% #8695C6	RGB 134 149 198	#8695C6
66.7%	66.7% #958ED8	RGB 149 142 216	#958ED8
83.3%	83.3% #B996EA	RGB 185 150 234	#B996EA
100.0%	100.0% #E49DFD	RGB 228 157 253	#E49DFD

#6A8F87 #749CA1 #7D9CB3 #8695C6 #958ED8 #B996EA #E49DFD

#6A8F87 - #8695C6 - #E49DFD

CSS codes

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

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