#A5A60C - #FFDD3D | 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 #A5A60C a #FFDD3D

#A5A60C #FFDD3D

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

#A5A60C - #FFDD3D | 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 #A5A60C como 0% y #FFDD3D como 100%.

0.0%	0.0% #A5A60C	RGB 165 166 12	#A5A60C
16.7%	16.7% #B4AF14	RGB 180 175 20	#B4AF14
33.3%	33.3% #C3B81C	RGB 195 184 28	#C3B81C
50.0%	50.0% #D2C124	RGB 210 193 36	#D2C124
66.7%	66.7% #E1CA2C	RGB 225 202 44	#E1CA2C
83.3%	83.3% #F0D334	RGB 240 211 52	#F0D334
100.0%	100.0% #FFDD3D	RGB 255 221 61	#FFDD3D

#A5A60C #B4AF14 #C3B81C #D2C124 #E1CA2C #F0D334 #FFDD3D

#A5A60C - #FFDD3D

Mezcla HSV

#A5A60C - #FFDD3D | 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 #A5A60C como 0% y #FFDD3D como 100%.

0.0%	0.0% #A5A60C	RGB 165 166 12	#A5A60C
16.7%	16.7% #B4B012	RGB 180 176 18	#B4B012
33.3%	33.3% #C3BA19	RGB 195 186 25	#C3BA19
50.0%	50.0% #D2C320	RGB 210 195 32	#D2C320
66.7%	66.7% #E1CC29	RGB 225 204 41	#E1CC29
83.3%	83.3% #F0D432	RGB 240 212 50	#F0D432
100.0%	100.0% #FFDD3D	RGB 255 221 61	#FFDD3D

#A5A60C #B4B012 #C3BA19 #D2C320 #E1CC29 #F0D432 #FFDD3D

#A5A60C - #D2C320 - #FFDD3D

Códigos CSS

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

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