#CDCE00 - #FAF144 | 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 #CDCE00 a #FAF144

#CDCE00 #FAF144

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

#CDCE00 - #FAF144 | 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 #CDCE00 como 0% y #FAF144 como 100%.

0.0%	0.0% #CDCE00	RGB 205 206 0	#CDCE00
16.7%	16.7% #D4D30B	RGB 212 211 11	#D4D30B
33.3%	33.3% #DCD916	RGB 220 217 22	#DCD916
50.0%	50.0% #E3DF22	RGB 227 223 34	#E3DF22
66.7%	66.7% #EBE52D	RGB 235 229 45	#EBE52D
83.3%	83.3% #F2EB38	RGB 242 235 56	#F2EB38
100.0%	100.0% #FAF144	RGB 250 241 68	#FAF144

#CDCE00 #D4D30B #DCD916 #E3DF22 #EBE52D #F2EB38 #FAF144

#CDCE00 - #FAF144

Mezcla HSV

#CDCE00 - #FAF144 | 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 #CDCE00 como 0% y #FAF144 como 100%.

0.0%	0.0% #CDCE00	RGB 205 206 0	#CDCE00
16.7%	16.7% #D5D409	RGB 213 212 9	#D5D409
33.3%	33.3% #DCDA14	RGB 220 218 20	#DCDA14
50.0%	50.0% #E4DF1F	RGB 228 223 31	#E4DF1F
66.7%	66.7% #EBE52A	RGB 235 229 42	#EBE52A
83.3%	83.3% #F2EB37	RGB 242 235 55	#F2EB37
100.0%	100.0% #FAF144	RGB 250 241 68	#FAF144

#CDCE00 #D5D409 #DCDA14 #E4DF1F #EBE52A #F2EB37 #FAF144

#CDCE00 - #E4DF1F - #FAF144

Códigos CSS

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

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