#CECE7D - #FFEB9C | 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 #CECE7D a #FFEB9C

#CECE7D #FFEB9C

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

#CECE7D - #FFEB9C | 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 #CECE7D como 0% y #FFEB9C como 100%.

0.0%	0.0% #CECE7D	RGB 206 206 125	#CECE7D
16.7%	16.7% #D6D282	RGB 214 210 130	#D6D282
33.3%	33.3% #DED787	RGB 222 215 135	#DED787
50.0%	50.0% #E6DC8C	RGB 230 220 140	#E6DC8C
66.7%	66.7% #EEE191	RGB 238 225 145	#EEE191
83.3%	83.3% #F6E696	RGB 246 230 150	#F6E696
100.0%	100.0% #FFEB9C	RGB 255 235 156	#FFEB9C

#CECE7D #D6D282 #DED787 #E6DC8C #EEE191 #F6E696 #FFEB9C

#CECE7D - #FFEB9C

Mezcla HSV

#CECE7D - #FFEB9C | 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 #CECE7D como 0% y #FFEB9C como 100%.

0.0%	0.0% #CECE7D	RGB 206 206 125	#CECE7D
16.7%	16.7% #D6D382	RGB 214 211 130	#D6D382
33.3%	33.3% #DED887	RGB 222 216 135	#DED887
50.0%	50.0% #E6DD8C	RGB 230 221 140	#E6DD8C
66.7%	66.7% #EEE291	RGB 238 226 145	#EEE291
83.3%	83.3% #F6E696	RGB 246 230 150	#F6E696
100.0%	100.0% #FFEB9C	RGB 255 235 156	#FFEB9C

#CECE7D #D6D382 #DED887 #E6DD8C #EEE291 #F6E696 #FFEB9C

#CECE7D - #E6DD8C - #FFEB9C

Códigos CSS

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

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