#7E768D - #FFBC98 | 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 #7E768D to #FFBC98

#7E768D #FFBC98

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

#7E768D - #FFBC98 | 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 #7E768D as 0% and #FFBC98 as 100%.

0.0%	0.0% #7E768D	RGB 126 118 141	#7E768D
16.7%	16.7% #93818E	RGB 147 129 142	#93818E
33.3%	33.3% #A98D90	RGB 169 141 144	#A98D90
50.0%	50.0% #BE9992	RGB 190 153 146	#BE9992
66.7%	66.7% #D4A494	RGB 212 164 148	#D4A494
83.3%	83.3% #E9B096	RGB 233 176 150	#E9B096
100.0%	100.0% #FFBC98	RGB 255 188 152	#FFBC98

#7E768D #93818E #A98D90 #BE9992 #D4A494 #E9B096 #FFBC98

#7E768D - #FFBC98

HSV Blend

#7E768D - #FFBC98 | 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 #7E768D as 0% and #FFBC98 as 100%.

0.0%	0.0% #7E768D	RGB 126 118 141	#7E768D
16.7%	16.7% #957FA0	RGB 149 127 160	#957FA0
33.3%	33.3% #B387B2	RGB 179 135 178	#B387B2
50.0%	50.0% #C68DB2	RGB 198 141 178	#C68DB2
66.7%	66.7% #D992A9	RGB 217 146 169	#D992A9
83.3%	83.3% #EC9796	RGB 236 151 150	#EC9796
100.0%	100.0% #FFBC98	RGB 255 188 152	#FFBC98

#7E768D #957FA0 #B387B2 #C68DB2 #D992A9 #EC9796 #FFBC98

#7E768D - #C68DB2 - #FFBC98

CSS codes

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

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