#BBC59C - #EBEEE2 | 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 #BBC59C a #EBEEE2

#BBC59C #EBEEE2

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

#BBC59C - #EBEEE2 | 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 #BBC59C como 0% y #EBEEE2 como 100%.

0.0%	0.0% #BBC59C	RGB 187 197 156	#BBC59C
16.7%	16.7% #C3CBA7	RGB 195 203 167	#C3CBA7
33.3%	33.3% #CBD2B3	RGB 203 210 179	#CBD2B3
50.0%	50.0% #D3D9BF	RGB 211 217 191	#D3D9BF
66.7%	66.7% #DBE0CA	RGB 219 224 202	#DBE0CA
83.3%	83.3% #E3E7D6	RGB 227 231 214	#E3E7D6
100.0%	100.0% #EBEEE2	RGB 235 238 226	#EBEEE2

#BBC59C #C3CBA7 #CBD2B3 #D3D9BF #DBE0CA #E3E7D6 #EBEEE2

#BBC59C - #EBEEE2

Mezcla HSV

#BBC59C - #EBEEE2 | 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 #BBC59C como 0% y #EBEEE2 como 100%.

0.0%	0.0% #BBC59C	RGB 187 197 156	#BBC59C
16.7%	16.7% #C2CBA6	RGB 194 203 166	#C2CBA6
33.3%	33.3% #CAD2B1	RGB 202 210 177	#CAD2B1
50.0%	50.0% #D2D9BD	RGB 210 217 189	#D2D9BD
66.7%	66.7% #DAE0C9	RGB 218 224 201	#DAE0C9
83.3%	83.3% #E2E7D5	RGB 226 231 213	#E2E7D5
100.0%	100.0% #EBEEE2	RGB 235 238 226	#EBEEE2

#BBC59C #C2CBA6 #CAD2B1 #D2D9BD #DAE0C9 #E2E7D5 #EBEEE2

#BBC59C - #D2D9BD - #EBEEE2

Códigos CSS

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

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