#BFF5E7 - #ECFCF8 | 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 #BFF5E7 a #ECFCF8

#BFF5E7 #ECFCF8

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

#BFF5E7 - #ECFCF8 | 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 #BFF5E7 como 0% y #ECFCF8 como 100%.

0.0%	0.0% #BFF5E7	RGB 191 245 231	#BFF5E7
16.7%	16.7% #C6F6E9	RGB 198 246 233	#C6F6E9
33.3%	33.3% #CEF7EC	RGB 206 247 236	#CEF7EC
50.0%	50.0% #D5F8EF	RGB 213 248 239	#D5F8EF
66.7%	66.7% #DDF9F2	RGB 221 249 242	#DDF9F2
83.3%	83.3% #E4FAF5	RGB 228 250 245	#E4FAF5
100.0%	100.0% #ECFCF8	RGB 236 252 248	#ECFCF8

#BFF5E7 #C6F6E9 #CEF7EC #D5F8EF #DDF9F2 #E4FAF5 #ECFCF8

#BFF5E7 - #ECFCF8

Mezcla HSV

#BFF5E7 - #ECFCF8 | 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 #BFF5E7 como 0% y #ECFCF8 como 100%.

0.0%	0.0% #BFF5E7	RGB 191 245 231	#BFF5E7
16.7%	16.7% #C6F6E9	RGB 198 246 233	#C6F6E9
33.3%	33.3% #CDF7EC	RGB 205 247 236	#CDF7EC
50.0%	50.0% #D5F8EF	RGB 213 248 239	#D5F8EF
66.7%	66.7% #DCF9F2	RGB 220 249 242	#DCF9F2
83.3%	83.3% #E4FAF5	RGB 228 250 245	#E4FAF5
100.0%	100.0% #ECFCF8	RGB 236 252 248	#ECFCF8

#BFF5E7 #C6F6E9 #CDF7EC #D5F8EF #DCF9F2 #E4FAF5 #ECFCF8

#BFF5E7 - #D5F8EF - #ECFCF8

Códigos CSS

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

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