#CBEA8C - #FFF3B2 | 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 #CBEA8C a #FFF3B2

#CBEA8C #FFF3B2

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

#CBEA8C - #FFF3B2 | 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 #CBEA8C como 0% y #FFF3B2 como 100%.

0.0%	0.0% #CBEA8C	RGB 203 234 140	#CBEA8C
16.7%	16.7% #D3EB92	RGB 211 235 146	#D3EB92
33.3%	33.3% #DCED98	RGB 220 237 152	#DCED98
50.0%	50.0% #E5EE9F	RGB 229 238 159	#E5EE9F
66.7%	66.7% #EDF0A5	RGB 237 240 165	#EDF0A5
83.3%	83.3% #F6F1AB	RGB 246 241 171	#F6F1AB
100.0%	100.0% #FFF3B2	RGB 255 243 178	#FFF3B2

#CBEA8C #D3EB92 #DCED98 #E5EE9F #EDF0A5 #F6F1AB #FFF3B2

#CBEA8C - #FFF3B2

Mezcla HSV

#CBEA8C - #FFF3B2 | 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 #CBEA8C como 0% y #FFF3B2 como 100%.

0.0%	0.0% #CBEA8C	RGB 203 234 140	#CBEA8C
16.7%	16.7% #D6ED92	RGB 214 237 146	#D6ED92
33.3%	33.3% #E2F198	RGB 226 241 152	#E2F198
50.0%	50.0% #EDF49E	RGB 237 244 158	#EDF49E
66.7%	66.7% #F7F8A4	RGB 247 248 164	#F7F8A4
83.3%	83.3% #FBF5AB	RGB 251 245 171	#FBF5AB
100.0%	100.0% #FFF3B2	RGB 255 243 178	#FFF3B2

#CBEA8C #D6ED92 #E2F198 #EDF49E #F7F8A4 #FBF5AB #FFF3B2

#CBEA8C - #EDF49E - #FFF3B2

Códigos CSS

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

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