#E5EABE - #ADC269 | 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 #E5EABE a #ADC269

#E5EABE #ADC269

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

#E5EABE - #ADC269 | 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 #E5EABE como 0% y #ADC269 como 100%.

0.0%	0.0% #E5EABE	RGB 229 234 190	#E5EABE
16.7%	16.7% #DBE3AF	RGB 219 227 175	#DBE3AF
33.3%	33.3% #D2DCA1	RGB 210 220 161	#D2DCA1
50.0%	50.0% #C9D693	RGB 201 214 147	#C9D693
66.7%	66.7% #BFCF85	RGB 191 207 133	#BFCF85
83.3%	83.3% #B6C877	RGB 182 200 119	#B6C877
100.0%	100.0% #ADC269	RGB 173 194 105	#ADC269

#E5EABE #DBE3AF #D2DCA1 #C9D693 #BFCF85 #B6C877 #ADC269

#E5EABE - #ADC269

Mezcla HSV

#E5EABE - #ADC269 | 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 #E5EABE como 0% y #ADC269 como 100%.

0.0%	0.0% #E5EABE	RGB 229 234 190	#E5EABE
16.7%	16.7% #DCE3AE	RGB 220 227 174	#DCE3AE
33.3%	33.3% #D3DC9F	RGB 211 220 159	#D3DC9F
50.0%	50.0% #C9D690	RGB 201 214 144	#C9D690
66.7%	66.7% #C0CF82	RGB 192 207 130	#C0CF82
83.3%	83.3% #B6C875	RGB 182 200 117	#B6C875
100.0%	100.0% #ADC269	RGB 173 194 105	#ADC269

#E5EABE #DCE3AE #D3DC9F #C9D690 #C0CF82 #B6C875 #ADC269

#E5EABE - #C9D690 - #ADC269

Códigos CSS

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

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