#B5E2ED - #5E9BBD | 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 #B5E2ED a #5E9BBD

#B5E2ED #5E9BBD

Calcule el color entre dos colores, #B5E2ED y #5E9BBD. 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)

#B5E2ED - #5E9BBD | 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 #B5E2ED como 0% y #5E9BBD como 100%.

0.0%	0.0% #B5E2ED	RGB 181 226 237	#B5E2ED
16.7%	16.7% #A6D6E5	RGB 166 214 229	#A6D6E5
33.3%	33.3% #98CADD	RGB 152 202 221	#98CADD
50.0%	50.0% #89BED5	RGB 137 190 213	#89BED5
66.7%	66.7% #7BB2CD	RGB 123 178 205	#7BB2CD
83.3%	83.3% #6CA6C5	RGB 108 166 197	#6CA6C5
100.0%	100.0% #5E9BBD	RGB 94 155 189	#5E9BBD

#B5E2ED #A6D6E5 #98CADD #89BED5 #7BB2CD #6CA6C5 #5E9BBD

#B5E2ED - #5E9BBD

Mezcla HSV

#B5E2ED - #5E9BBD | 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 #B5E2ED como 0% y #5E9BBD como 100%.

0.0%	0.0% #B5E2ED	RGB 181 226 237	#B5E2ED
16.7%	16.7% #A4D6E5	RGB 164 214 229	#A4D6E5
33.3%	33.3% #95CBDD	RGB 149 203 221	#95CBDD
50.0%	50.0% #86BFD5	RGB 134 191 213	#86BFD5
66.7%	66.7% #78B3CD	RGB 120 179 205	#78B3CD
83.3%	83.3% #6AA7C5	RGB 106 167 197	#6AA7C5
100.0%	100.0% #5E9BBD	RGB 94 155 189	#5E9BBD

#B5E2ED #A4D6E5 #95CBDD #86BFD5 #78B3CD #6AA7C5 #5E9BBD

#B5E2ED - #86BFD5 - #5E9BBD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E2ED 0%, #86BFD5 50%, #5E9BBD 100%);
    background: -webkit-linear-gradient(top, #B5E2ED 0%, #86BFD5 50%, #5E9BBD 100%);
    background: linear-gradient(to bottom, #B5E2ED 0%, #86BFD5 50%, #5E9BBD 100%);
}
</style>