#CAA165 - #E3B5E0 | 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 #CAA165 a #E3B5E0

#CAA165 #E3B5E0

Calcule el color entre dos colores, #CAA165 y #E3B5E0. 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)

#CAA165 - #E3B5E0 | 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 #CAA165 como 0% y #E3B5E0 como 100%.

0.0%	0.0% #CAA165	RGB 202 161 101	#CAA165
16.7%	16.7% #CEA479	RGB 206 164 121	#CEA479
33.3%	33.3% #D2A78E	RGB 210 167 142	#D2A78E
50.0%	50.0% #D6ABA2	RGB 214 171 162	#D6ABA2
66.7%	66.7% #DAAEB7	RGB 218 174 183	#DAAEB7
83.3%	83.3% #DEB1CB	RGB 222 177 203	#DEB1CB
100.0%	100.0% #E3B5E0	RGB 227 181 224	#E3B5E0

#CAA165 #CEA479 #D2A78E #D6ABA2 #DAAEB7 #DEB1CB #E3B5E0

#CAA165 - #E3B5E0

Mezcla HSV

#CAA165 - #E3B5E0 | 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 #CAA165 como 0% y #E3B5E0 como 100%.

0.0%	0.0% #CAA165	RGB 202 161 101	#CAA165
16.7%	16.7% #CE9071	RGB 206 144 113	#CE9071
33.3%	33.3% #D2857E	RGB 210 133 126	#D2857E
50.0%	50.0% #D68B97	RGB 214 139 151	#D68B97
66.7%	66.7% #DA98B4	RGB 218 152 180	#DA98B4
83.3%	83.3% #DEA6CC	RGB 222 166 204	#DEA6CC
100.0%	100.0% #E3B5E0	RGB 227 181 224	#E3B5E0

#CAA165 #CE9071 #D2857E #D68B97 #DA98B4 #DEA6CC #E3B5E0

#CAA165 - #D68B97 - #E3B5E0

Códigos CSS

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

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