#91ADD8 - #BFE1C0 | 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 #91ADD8 a #BFE1C0

#91ADD8 #BFE1C0

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

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

0.0%	0.0% #91ADD8	RGB 145 173 216	#91ADD8
16.7%	16.7% #98B5D4	RGB 152 181 212	#98B5D4
33.3%	33.3% #A0BED0	RGB 160 190 208	#A0BED0
50.0%	50.0% #A8C7CC	RGB 168 199 204	#A8C7CC
66.7%	66.7% #AFCFC8	RGB 175 207 200	#AFCFC8
83.3%	83.3% #B7D8C4	RGB 183 216 196	#B7D8C4
100.0%	100.0% #BFE1C0	RGB 191 225 192	#BFE1C0

#91ADD8 #98B5D4 #A0BED0 #A8C7CC #AFCFC8 #B7D8C4 #BFE1C0

#91ADD8 - #BFE1C0

Mezcla HSV

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

0.0%	0.0% #91ADD8	RGB 145 173 216	#91ADD8
16.7%	16.7% #98C3D9	RGB 152 195 217	#98C3D9
33.3%	33.3% #9FD6DB	RGB 159 214 219	#9FD6DB
50.0%	50.0% #A7DCD2	RGB 167 220 210	#A7DCD2
66.7%	66.7% #AFDEC9	RGB 175 222 201	#AFDEC9
83.3%	83.3% #B7DFC2	RGB 183 223 194	#B7DFC2
100.0%	100.0% #BFE1C0	RGB 191 225 192	#BFE1C0

#91ADD8 #98C3D9 #9FD6DB #A7DCD2 #AFDEC9 #B7DFC2 #BFE1C0

#91ADD8 - #A7DCD2 - #BFE1C0

Códigos CSS

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

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