#B2FFBB - #FEECC0 | 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 #B2FFBB a #FEECC0

#B2FFBB #FEECC0

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

#B2FFBB - #FEECC0 | 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 #B2FFBB como 0% y #FEECC0 como 100%.

0.0%	0.0% #B2FFBB	RGB 178 255 187	#B2FFBB
16.7%	16.7% #BEFBBB	RGB 190 251 187	#BEFBBB
33.3%	33.3% #CBF8BC	RGB 203 248 188	#CBF8BC
50.0%	50.0% #D8F5BD	RGB 216 245 189	#D8F5BD
66.7%	66.7% #E4F2BE	RGB 228 242 190	#E4F2BE
83.3%	83.3% #F1EFBF	RGB 241 239 191	#F1EFBF
100.0%	100.0% #FEECC0	RGB 254 236 192	#FEECC0

#B2FFBB #BEFBBB #CBF8BC #D8F5BD #E4F2BE #F1EFBF #FEECC0

#B2FFBB - #FEECC0

Mezcla HSV

#B2FFBB - #FEECC0 | 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 #B2FFBB como 0% y #FEECC0 como 100%.

0.0%	0.0% #B2FFBB	RGB 178 255 187	#B2FFBB
16.7%	16.7% #BDFEB4	RGB 189 254 180	#BDFEB4
33.3%	33.3% #D0FEB6	RGB 208 254 182	#D0FEB6
50.0%	50.0% #E1FEB9	RGB 225 254 185	#E1FEB9
66.7%	66.7% #F2FEBB	RGB 242 254 187	#F2FEBB
83.3%	83.3% #FEFABD	RGB 254 250 189	#FEFABD
100.0%	100.0% #FEECC0	RGB 254 236 192	#FEECC0

#B2FFBB #BDFEB4 #D0FEB6 #E1FEB9 #F2FEBB #FEFABD #FEECC0

#B2FFBB - #E1FEB9 - #FEECC0

Códigos CSS

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

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