#CAA265 - #E3B5E1 | 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 #CAA265 a #E3B5E1

#CAA265 #E3B5E1

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

#CAA265 - #E3B5E1 | 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 #CAA265 como 0% y #E3B5E1 como 100%.

0.0%	0.0% #CAA265	RGB 202 162 101	#CAA265
16.7%	16.7% #CEA579	RGB 206 165 121	#CEA579
33.3%	33.3% #D2A88E	RGB 210 168 142	#D2A88E
50.0%	50.0% #D6ABA3	RGB 214 171 163	#D6ABA3
66.7%	66.7% #DAAEB7	RGB 218 174 183	#DAAEB7
83.3%	83.3% #DEB1CC	RGB 222 177 204	#DEB1CC
100.0%	100.0% #E3B5E1	RGB 227 181 225	#E3B5E1

#CAA265 #CEA579 #D2A88E #D6ABA3 #DAAEB7 #DEB1CC #E3B5E1

#CAA265 - #E3B5E1

Mezcla HSV

#CAA265 - #E3B5E1 | 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 #CAA265 como 0% y #E3B5E1 como 100%.

0.0%	0.0% #CAA265	RGB 202 162 101	#CAA265
16.7%	16.7% #CE9171	RGB 206 145 113	#CE9171
33.3%	33.3% #D2857E	RGB 210 133 126	#D2857E
50.0%	50.0% #D68B98	RGB 214 139 152	#D68B98
66.7%	66.7% #DA98B5	RGB 218 152 181	#DA98B5
83.3%	83.3% #DEA6CD	RGB 222 166 205	#DEA6CD
100.0%	100.0% #E3B5E1	RGB 227 181 225	#E3B5E1

#CAA265 #CE9171 #D2857E #D68B98 #DA98B5 #DEA6CD #E3B5E1

#CAA265 - #D68B98 - #E3B5E1

Códigos CSS

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

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