#CBAF85 - #FEB9A8 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #CBAF85 a #FEB9A8

#CBAF85 #FEB9A8

Calcule el color entre dos colores, #CBAF85 y #FEB9A8. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#CBAF85 - #FEB9A8 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #CBAF85 como 0% y #FEB9A8 como 100%.

0.0%	0.0% #CBAF85	RGB 203 175 133	#CBAF85
16.7%	16.7% #D3B08A	RGB 211 176 138	#D3B08A
33.3%	33.3% #DCB290	RGB 220 178 144	#DCB290
50.0%	50.0% #E4B496	RGB 228 180 150	#E4B496
66.7%	66.7% #EDB59C	RGB 237 181 156	#EDB59C
83.3%	83.3% #F5B7A2	RGB 245 183 162	#F5B7A2
100.0%	100.0% #FEB9A8	RGB 254 185 168	#FEB9A8

#CBAF85 #D3B08A #DCB290 #E4B496 #EDB59C #F5B7A2 #FEB9A8

#CBAF85 - #FEB9A8

Mezcla HSV

#CBAF85 - #FEB9A8 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #CBAF85 como 0% y #FEB9A8 como 100%.

0.0%	0.0% #CBAF85	RGB 203 175 133	#CBAF85
16.7%	16.7% #D3B18A	RGB 211 177 138	#D3B18A
33.3%	33.3% #DCB390	RGB 220 179 144	#DCB390
50.0%	50.0% #E4B596	RGB 228 181 150	#E4B596
66.7%	66.7% #EDB79C	RGB 237 183 156	#EDB79C
83.3%	83.3% #F5B8A2	RGB 245 184 162	#F5B8A2
100.0%	100.0% #FEB9A8	RGB 254 185 168	#FEB9A8

#CBAF85 #D3B18A #DCB390 #E4B596 #EDB79C #F5B8A2 #FEB9A8

#CBAF85 - #E4B596 - #FEB9A8

Códigos CSS

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

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