#6BA1A3 - #DFABFD | 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 #6BA1A3 to #DFABFD

#6BA1A3 #DFABFD

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

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

0.0%	0.0% #6BA1A3	RGB 107 161 163	#6BA1A3
16.7%	16.7% #7EA2B2	RGB 126 162 178	#7EA2B2
33.3%	33.3% #91A4C1	RGB 145 164 193	#91A4C1
50.0%	50.0% #A5A6D0	RGB 165 166 208	#A5A6D0
66.7%	66.7% #B8A7DF	RGB 184 167 223	#B8A7DF
83.3%	83.3% #CBA9EE	RGB 203 169 238	#CBA9EE
100.0%	100.0% #DFABFD	RGB 223 171 253	#DFABFD

#6BA1A3 #7EA2B2 #91A4C1 #A5A6D0 #B8A7DF #CBA9EE #DFABFD

#6BA1A3 - #DFABFD

HSV Blend

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

0.0%	0.0% #6BA1A3	RGB 107 161 163	#6BA1A3
16.7%	16.7% #759FB2	RGB 117 159 178	#759FB2
33.3%	33.3% #7F9CC1	RGB 127 156 193	#7F9CC1
50.0%	50.0% #8A96D0	RGB 138 150 208	#8A96D0
66.7%	66.7% #9C95DF	RGB 156 149 223	#9C95DF
83.3%	83.3% #BCA0EE	RGB 188 160 238	#BCA0EE
100.0%	100.0% #DFABFD	RGB 223 171 253	#DFABFD

#6BA1A3 #759FB2 #7F9CC1 #8A96D0 #9C95DF #BCA0EE #DFABFD

#6BA1A3 - #8A96D0 - #DFABFD

CSS codes

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

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