#E5E637 - #ADAF0D | 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 #E5E637 a #ADAF0D

#E5E637 #ADAF0D

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

#E5E637 - #ADAF0D | 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 #E5E637 como 0% y #ADAF0D como 100%.

0.0%	0.0% #E5E637	RGB 229 230 55	#E5E637
16.7%	16.7% #DBDC30	RGB 219 220 48	#DBDC30
33.3%	33.3% #D2D329	RGB 210 211 41	#D2D329
50.0%	50.0% #C9CA22	RGB 201 202 34	#C9CA22
66.7%	66.7% #BFC11B	RGB 191 193 27	#BFC11B
83.3%	83.3% #B6B814	RGB 182 184 20	#B6B814
100.0%	100.0% #ADAF0D	RGB 173 175 13	#ADAF0D

#E5E637 #DBDC30 #D2D329 #C9CA22 #BFC11B #B6B814 #ADAF0D

#E5E637 - #ADAF0D

Mezcla HSV

#E5E637 - #ADAF0D | 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 #E5E637 como 0% y #ADAF0D como 100%.

0.0%	0.0% #E5E637	RGB 229 230 55	#E5E637
16.7%	16.7% #DBDC2E	RGB 219 220 46	#DBDC2E
33.3%	33.3% #D2D326	RGB 210 211 38	#D2D326
50.0%	50.0% #C8CA1F	RGB 200 202 31	#C8CA1F
66.7%	66.7% #BFC118	RGB 191 193 24	#BFC118
83.3%	83.3% #B6B812	RGB 182 184 18	#B6B812
100.0%	100.0% #ADAF0D	RGB 173 175 13	#ADAF0D

#E5E637 #DBDC2E #D2D326 #C8CA1F #BFC118 #B6B812 #ADAF0D

#E5E637 - #C8CA1F - #ADAF0D

Códigos CSS

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

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