#CDCD99 - #FFEBB0 | 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 #CDCD99 a #FFEBB0

#CDCD99 #FFEBB0

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

#CDCD99 - #FFEBB0 | 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 #CDCD99 como 0% y #FFEBB0 como 100%.

0.0%	0.0% #CDCD99	RGB 205 205 153	#CDCD99
16.7%	16.7% #D5D29C	RGB 213 210 156	#D5D29C
33.3%	33.3% #DDD7A0	RGB 221 215 160	#DDD7A0
50.0%	50.0% #E6DCA4	RGB 230 220 164	#E6DCA4
66.7%	66.7% #EEE1A8	RGB 238 225 168	#EEE1A8
83.3%	83.3% #F6E6AC	RGB 246 230 172	#F6E6AC
100.0%	100.0% #FFEBB0	RGB 255 235 176	#FFEBB0

#CDCD99 #D5D29C #DDD7A0 #E6DCA4 #EEE1A8 #F6E6AC #FFEBB0

#CDCD99 - #FFEBB0

Mezcla HSV

#CDCD99 - #FFEBB0 | 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 #CDCD99 como 0% y #FFEBB0 como 100%.

0.0%	0.0% #CDCD99	RGB 205 205 153	#CDCD99
16.7%	16.7% #D5D29D	RGB 213 210 157	#D5D29D
33.3%	33.3% #DDD8A1	RGB 221 216 161	#DDD8A1
50.0%	50.0% #E6DDA5	RGB 230 221 165	#E6DDA5
66.7%	66.7% #EEE2A8	RGB 238 226 168	#EEE2A8
83.3%	83.3% #F6E7AC	RGB 246 231 172	#F6E7AC
100.0%	100.0% #FFEBB0	RGB 255 235 176	#FFEBB0

#CDCD99 #D5D29D #DDD8A1 #E6DDA5 #EEE2A8 #F6E7AC #FFEBB0

#CDCD99 - #E6DDA5 - #FFEBB0

Códigos CSS

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

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