#ADB02C - #E7E8C2 | 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 #ADB02C a #E7E8C2

#ADB02C #E7E8C2

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

#ADB02C - #E7E8C2 | 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 #ADB02C como 0% y #E7E8C2 como 100%.

0.0%	0.0% #ADB02C	RGB 173 176 44	#ADB02C
16.7%	16.7% #B6B945	RGB 182 185 69	#B6B945
33.3%	33.3% #C0C25E	RGB 192 194 94	#C0C25E
50.0%	50.0% #CACC77	RGB 202 204 119	#CACC77
66.7%	66.7% #D3D590	RGB 211 213 144	#D3D590
83.3%	83.3% #DDDEA9	RGB 221 222 169	#DDDEA9
100.0%	100.0% #E7E8C2	RGB 231 232 194	#E7E8C2

#ADB02C #B6B945 #C0C25E #CACC77 #D3D590 #DDDEA9 #E7E8C2

#ADB02C - #E7E8C2

Mezcla HSV

#ADB02C - #E7E8C2 | 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 #ADB02C como 0% y #E7E8C2 como 100%.

0.0%	0.0% #ADB02C	RGB 173 176 44	#ADB02C
16.7%	16.7% #B6B940	RGB 182 185 64	#B6B940
33.3%	33.3% #C0C256	RGB 192 194 86	#C0C256
50.0%	50.0% #C9CC6E	RGB 201 204 110	#C9CC6E
66.7%	66.7% #D3D588	RGB 211 213 136	#D3D588
83.3%	83.3% #DDDEA4	RGB 221 222 164	#DDDEA4
100.0%	100.0% #E7E8C2	RGB 231 232 194	#E7E8C2

#ADB02C #B6B940 #C0C256 #C9CC6E #D3D588 #DDDEA4 #E7E8C2

#ADB02C - #C9CC6E - #E7E8C2

Códigos CSS

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

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