#6C6284 - #F8AC95 | 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 #6C6284 to #F8AC95

#6C6284 #F8AC95

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

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

0.0%	0.0% #6C6284	RGB 108 98 132	#6C6284
16.7%	16.7% #836E86	RGB 131 110 134	#836E86
33.3%	33.3% #9A7A89	RGB 154 122 137	#9A7A89
50.0%	50.0% #B2878C	RGB 178 135 140	#B2878C
66.7%	66.7% #C9938F	RGB 201 147 143	#C9938F
83.3%	83.3% #E09F92	RGB 224 159 146	#E09F92
100.0%	100.0% #F8AC95	RGB 248 172 149	#F8AC95

#6C6284 #836E86 #9A7A89 #B2878C #C9938F #E09F92 #F8AC95

#6C6284 - #F8AC95

HSV Blend

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

0.0%	0.0% #6C6284	RGB 108 98 132	#6C6284
16.7%	16.7% #876C97	RGB 135 108 151	#876C97
33.3%	33.3% #A776AA	RGB 167 118 170	#A776AA
50.0%	50.0% #BE7FAD	RGB 190 127 173	#BE7FAD
66.7%	66.7% #D187A6	RGB 209 135 166	#D187A6
83.3%	83.3% #E48E96	RGB 228 142 150	#E48E96
100.0%	100.0% #F8AC95	RGB 248 172 149	#F8AC95

#6C6284 #876C97 #A776AA #BE7FAD #D187A6 #E48E96 #F8AC95

#6C6284 - #BE7FAD - #F8AC95

CSS codes

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

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