#91D6D4 - #D3E1BE | 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 #91D6D4 a #D3E1BE

#91D6D4 #D3E1BE

Calcule el color entre dos colores, #91D6D4 y #D3E1BE. 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)

#91D6D4 - #D3E1BE | 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 #91D6D4 como 0% y #D3E1BE como 100%.

0.0%	0.0% #91D6D4	RGB 145 214 212	#91D6D4
16.7%	16.7% #9CD7D0	RGB 156 215 208	#9CD7D0
33.3%	33.3% #A7D9CC	RGB 167 217 204	#A7D9CC
50.0%	50.0% #B2DBC9	RGB 178 219 201	#B2DBC9
66.7%	66.7% #BDDDC5	RGB 189 221 197	#BDDDC5
83.3%	83.3% #C8DFC1	RGB 200 223 193	#C8DFC1
100.0%	100.0% #D3E1BE	RGB 211 225 190	#D3E1BE

#91D6D4 #9CD7D0 #A7D9CC #B2DBC9 #BDDDC5 #C8DFC1 #D3E1BE

#91D6D4 - #D3E1BE

Mezcla HSV

#91D6D4 - #D3E1BE | 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 #91D6D4 como 0% y #D3E1BE como 100%.

0.0%	0.0% #91D6D4	RGB 145 214 212	#91D6D4
16.7%	16.7% #98D7C5	RGB 152 215 197	#98D7C5
33.3%	33.3% #9FD9B9	RGB 159 217 185	#9FD9B9
50.0%	50.0% #A7DBB0	RGB 167 219 176	#A7DBB0
66.7%	66.7% #B2DDAE	RGB 178 221 174	#B2DDAE
83.3%	83.3% #C4DFB6	RGB 196 223 182	#C4DFB6
100.0%	100.0% #D3E1BE	RGB 211 225 190	#D3E1BE

#91D6D4 #98D7C5 #9FD9B9 #A7DBB0 #B2DDAE #C4DFB6 #D3E1BE

#91D6D4 - #A7DBB0 - #D3E1BE

Códigos CSS

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

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