#A3A627 - #E6ABAE | 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 #A3A627 a #E6ABAE

#A3A627 #E6ABAE

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

#A3A627 - #E6ABAE | 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 #A3A627 como 0% y #E6ABAE como 100%.

0.0%	0.0% #A3A627	RGB 163 166 39	#A3A627
16.7%	16.7% #AEA63D	RGB 174 166 61	#AEA63D
33.3%	33.3% #B9A754	RGB 185 167 84	#B9A754
50.0%	50.0% #C4A86A	RGB 196 168 106	#C4A86A
66.7%	66.7% #CFA981	RGB 207 169 129	#CFA981
83.3%	83.3% #DAAA97	RGB 218 170 151	#DAAA97
100.0%	100.0% #E6ABAE	RGB 230 171 174	#E6ABAE

#A3A627 #AEA63D #B9A754 #C4A86A #CFA981 #DAAA97 #E6ABAE

#A3A627 - #E6ABAE

Mezcla HSV

#A3A627 - #E6ABAE | 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 #A3A627 como 0% y #E6ABAE como 100%.

0.0%	0.0% #A3A627	RGB 163 166 39	#A3A627
16.7%	16.7% #B09D38	RGB 176 157 56	#B09D38
33.3%	33.3% #BB964B	RGB 187 150 75	#BB964B
50.0%	50.0% #C69260	RGB 198 146 96	#C69260
66.7%	66.7% #D09377	RGB 208 147 119	#D09377
83.3%	83.3% #DB9A90	RGB 219 154 144	#DB9A90
100.0%	100.0% #E6ABAE	RGB 230 171 174	#E6ABAE

#A3A627 #B09D38 #BB964B #C69260 #D09377 #DB9A90 #E6ABAE

#A3A627 - #C69260 - #E6ABAE

Códigos CSS

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

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