#91D8D8 - #D2E1BF | 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 #91D8D8 a #D2E1BF

#91D8D8 #D2E1BF

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

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

0.0%	0.0% #91D8D8	RGB 145 216 216	#91D8D8
16.7%	16.7% #9BD9D3	RGB 155 217 211	#9BD9D3
33.3%	33.3% #A6DBCF	RGB 166 219 207	#A6DBCF
50.0%	50.0% #B1DCCB	RGB 177 220 203	#B1DCCB
66.7%	66.7% #BCDEC7	RGB 188 222 199	#BCDEC7
83.3%	83.3% #C7DFC3	RGB 199 223 195	#C7DFC3
100.0%	100.0% #D2E1BF	RGB 210 225 191	#D2E1BF

#91D8D8 #9BD9D3 #A6DBCF #B1DCCB #BCDEC7 #C7DFC3 #D2E1BF

#91D8D8 - #D2E1BF

Mezcla HSV

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

0.0%	0.0% #91D8D8	RGB 145 216 216	#91D8D8
16.7%	16.7% #98D9C8	RGB 152 217 200	#98D9C8
33.3%	33.3% #9FDBBC	RGB 159 219 188	#9FDBBC
50.0%	50.0% #A7DCB3	RGB 167 220 179	#A7DCB3
66.7%	66.7% #B1DEAF	RGB 177 222 175	#B1DEAF
83.3%	83.3% #C3DFB7	RGB 195 223 183	#C3DFB7
100.0%	100.0% #D2E1BF	RGB 210 225 191	#D2E1BF

#91D8D8 #98D9C8 #9FDBBC #A7DCB3 #B1DEAF #C3DFB7 #D2E1BF

#91D8D8 - #A7DCB3 - #D2E1BF

Códigos CSS

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

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