#BBBE3C - #EBECC7 | 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 #BBBE3C a #EBECC7

#BBBE3C #EBECC7

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

#BBBE3C - #EBECC7 | 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 #BBBE3C como 0% y #EBECC7 como 100%.

0.0%	0.0% #BBBE3C	RGB 187 190 60	#BBBE3C
16.7%	16.7% #C3C553	RGB 195 197 83	#C3C553
33.3%	33.3% #CBCD6A	RGB 203 205 106	#CBCD6A
50.0%	50.0% #D3D581	RGB 211 213 129	#D3D581
66.7%	66.7% #DBDC98	RGB 219 220 152	#DBDC98
83.3%	83.3% #E3E4AF	RGB 227 228 175	#E3E4AF
100.0%	100.0% #EBECC7	RGB 235 236 199	#EBECC7

#BBBE3C #C3C553 #CBCD6A #D3D581 #DBDC98 #E3E4AF #EBECC7

#BBBE3C - #EBECC7

Mezcla HSV

#BBBE3C - #EBECC7 | 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 #BBBE3C como 0% y #EBECC7 como 100%.

0.0%	0.0% #BBBE3C	RGB 187 190 60	#BBBE3C
16.7%	16.7% #C2C54F	RGB 194 197 79	#C2C54F
33.3%	33.3% #CACD64	RGB 202 205 100	#CACD64
50.0%	50.0% #D2D57B	RGB 210 213 123	#D2D57B
66.7%	66.7% #DADC93	RGB 218 220 147	#DADC93
83.3%	83.3% #E2E4AC	RGB 226 228 172	#E2E4AC
100.0%	100.0% #EBECC7	RGB 235 236 199	#EBECC7

#BBBE3C #C2C54F #CACD64 #D2D57B #DADC93 #E2E4AC #EBECC7

#BBBE3C - #D2D57B - #EBECC7

Códigos CSS

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

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