#828084 - #FFC18C | 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 #828084 to #FFC18C

#828084 #FFC18C

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

#828084 - #FFC18C | 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 #828084 as 0% and #FFC18C as 100%.

0.0%	0.0% #828084	RGB 130 128 132	#828084
16.7%	16.7% #968A85	RGB 150 138 133	#968A85
33.3%	33.3% #AB9586	RGB 171 149 134	#AB9586
50.0%	50.0% #C0A088	RGB 192 160 136	#C0A088
66.7%	66.7% #D5AB89	RGB 213 171 137	#D5AB89
83.3%	83.3% #EAB68A	RGB 234 182 138	#EAB68A
100.0%	100.0% #FFC18C	RGB 255 193 140	#FFC18C

#828084 #968A85 #AB9586 #C0A088 #D5AB89 #EAB68A #FFC18C

#828084 - #FFC18C

HSV Blend

#828084 - #FFC18C | 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 #828084 as 0% and #FFC18C as 100%.

0.0%	0.0% #828084	RGB 130 128 132	#828084
16.7%	16.7% #958998	RGB 149 137 152	#958998
33.3%	33.3% #AD8FA8	RGB 173 143 168	#AD8FA8
50.0%	50.0% #C192AB	RGB 193 146 171	#C192AB
66.7%	66.7% #D693A0	RGB 214 147 160	#D693A0
83.3%	83.3% #EA9D91	RGB 234 157 145	#EA9D91
100.0%	100.0% #FFC18C	RGB 255 193 140	#FFC18C

#828084 #958998 #AD8FA8 #C192AB #D693A0 #EA9D91 #FFC18C

#828084 - #C192AB - #FFC18C

CSS codes

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

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