#BBC5A8 - #EBEEE6 | 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 #BBC5A8 a #EBEEE6

#BBC5A8 #EBEEE6

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

#BBC5A8 - #EBEEE6 | 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 #BBC5A8 como 0% y #EBEEE6 como 100%.

0.0%	0.0% #BBC5A8	RGB 187 197 168	#BBC5A8
16.7%	16.7% #C3CBB2	RGB 195 203 178	#C3CBB2
33.3%	33.3% #CBD2BC	RGB 203 210 188	#CBD2BC
50.0%	50.0% #D3D9C7	RGB 211 217 199	#D3D9C7
66.7%	66.7% #DBE0D1	RGB 219 224 209	#DBE0D1
83.3%	83.3% #E3E7DB	RGB 227 231 219	#E3E7DB
100.0%	100.0% #EBEEE6	RGB 235 238 230	#EBEEE6

#BBC5A8 #C3CBB2 #CBD2BC #D3D9C7 #DBE0D1 #E3E7DB #EBEEE6

#BBC5A8 - #EBEEE6

Mezcla HSV

#BBC5A8 - #EBEEE6 | 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 #BBC5A8 como 0% y #EBEEE6 como 100%.

0.0%	0.0% #BBC5A8	RGB 187 197 168	#BBC5A8
16.7%	16.7% #C2CBB1	RGB 194 203 177	#C2CBB1
33.3%	33.3% #CAD2BB	RGB 202 210 187	#CAD2BB
50.0%	50.0% #D2D9C5	RGB 210 217 197	#D2D9C5
66.7%	66.7% #DAE0D0	RGB 218 224 208	#DAE0D0
83.3%	83.3% #E2E7DB	RGB 226 231 219	#E2E7DB
100.0%	100.0% #EBEEE6	RGB 235 238 230	#EBEEE6

#BBC5A8 #C2CBB1 #CAD2BB #D2D9C5 #DAE0D0 #E2E7DB #EBEEE6

#BBC5A8 - #D2D9C5 - #EBEEE6

Códigos CSS

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

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