#9FDDBC - #E3F5EB | 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 #9FDDBC a #E3F5EB

#9FDDBC #E3F5EB

Calcule el color entre dos colores, #9FDDBC y #E3F5EB. 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)

#9FDDBC - #E3F5EB | 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 #9FDDBC como 0% y #E3F5EB como 100%.

0.0%	0.0% #9FDDBC	RGB 159 221 188	#9FDDBC
16.7%	16.7% #AAE1C3	RGB 170 225 195	#AAE1C3
33.3%	33.3% #B5E5CB	RGB 181 229 203	#B5E5CB
50.0%	50.0% #C1E9D3	RGB 193 233 211	#C1E9D3
66.7%	66.7% #CCEDDB	RGB 204 237 219	#CCEDDB
83.3%	83.3% #D7F1E3	RGB 215 241 227	#D7F1E3
100.0%	100.0% #E3F5EB	RGB 227 245 235	#E3F5EB

#9FDDBC #AAE1C3 #B5E5CB #C1E9D3 #CCEDDB #D7F1E3 #E3F5EB

#9FDDBC - #E3F5EB

Mezcla HSV

#9FDDBC - #E3F5EB | 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 #9FDDBC como 0% y #E3F5EB como 100%.

0.0%	0.0% #9FDDBC	RGB 159 221 188	#9FDDBC
16.7%	16.7% #A9E1C3	RGB 169 225 195	#A9E1C3
33.3%	33.3% #B4E5CA	RGB 180 229 202	#B4E5CA
50.0%	50.0% #BFE9D2	RGB 191 233 210	#BFE9D2
66.7%	66.7% #CBEDDA	RGB 203 237 218	#CBEDDA
83.3%	83.3% #D6F1E2	RGB 214 241 226	#D6F1E2
100.0%	100.0% #E3F5EB	RGB 227 245 235	#E3F5EB

#9FDDBC #A9E1C3 #B4E5CA #BFE9D2 #CBEDDA #D6F1E2 #E3F5EB

#9FDDBC - #BFE9D2 - #E3F5EB

Códigos CSS

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

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