#CDCE00 - #F0F1B6 | 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 #F0F1B6

#CDCE00 #F0F1B6

Calcule el color entre dos colores, #CDCE00 y #F0F1B6. 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 - #F0F1B6 | 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 #F0F1B6 como 100%.

0.0%	0.0% #CDCE00	RGB 205 206 0	#CDCE00
16.7%	16.7% #D2D31E	RGB 210 211 30	#D2D31E
33.3%	33.3% #D8D93C	RGB 216 217 60	#D8D93C
50.0%	50.0% #DEDF5B	RGB 222 223 91	#DEDF5B
66.7%	66.7% #E4E579	RGB 228 229 121	#E4E579
83.3%	83.3% #EAEB97	RGB 234 235 151	#EAEB97
100.0%	100.0% #F0F1B6	RGB 240 241 182	#F0F1B6

#CDCE00 #D2D31E #D8D93C #DEDF5B #E4E579 #EAEB97 #F0F1B6

#CDCE00 - #F0F1B6

Mezcla HSV

#CDCE00 - #F0F1B6 | 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 #F0F1B6 como 100%.

0.0%	0.0% #CDCE00	RGB 205 206 0	#CDCE00
16.7%	16.7% #D2D31A	RGB 210 211 26	#D2D31A
33.3%	33.3% #D8D936	RGB 216 217 54	#D8D936
50.0%	50.0% #DDDF54	RGB 221 223 84	#DDDF54
66.7%	66.7% #E3E573	RGB 227 229 115	#E3E573
83.3%	83.3% #E9EB93	RGB 233 235 147	#E9EB93
100.0%	100.0% #F0F1B6	RGB 240 241 182	#F0F1B6

#CDCE00 #D2D31A #D8D936 #DDDF54 #E3E573 #E9EB93 #F0F1B6

#CDCE00 - #DDDF54 - #F0F1B6

Códigos CSS

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

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