#B5E5EB - #D1E5CC | 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 #B5E5EB a #D1E5CC

#B5E5EB #D1E5CC

Calcule el color entre dos colores, #B5E5EB y #D1E5CC. 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)

#B5E5EB - #D1E5CC | 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 #B5E5EB como 0% y #D1E5CC como 100%.

0.0%	0.0% #B5E5EB	RGB 181 229 235	#B5E5EB
16.7%	16.7% #B9E5E5	RGB 185 229 229	#B9E5E5
33.3%	33.3% #BEE5E0	RGB 190 229 224	#BEE5E0
50.0%	50.0% #C3E5DB	RGB 195 229 219	#C3E5DB
66.7%	66.7% #C7E5D6	RGB 199 229 214	#C7E5D6
83.3%	83.3% #CCE5D1	RGB 204 229 209	#CCE5D1
100.0%	100.0% #D1E5CC	RGB 209 229 204	#D1E5CC

#B5E5EB #B9E5E5 #BEE5E0 #C3E5DB #C7E5D6 #CCE5D1 #D1E5CC

#B5E5EB - #D1E5CC

Mezcla HSV

#B5E5EB - #D1E5CC | 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 #B5E5EB como 0% y #D1E5CC como 100%.

0.0%	0.0% #B5E5EB	RGB 181 229 235	#B5E5EB
16.7%	16.7% #B8EAE4	RGB 184 234 228	#B8EAE4
33.3%	33.3% #BCE9DA	RGB 188 233 218	#BCE9DA
50.0%	50.0% #C0E8D2	RGB 192 232 210	#C0E8D2
66.7%	66.7% #C4E7CC	RGB 196 231 204	#C4E7CC
83.3%	83.3% #C8E6C8	RGB 200 230 200	#C8E6C8
100.0%	100.0% #D1E5CC	RGB 209 229 204	#D1E5CC

#B5E5EB #B8EAE4 #BCE9DA #C0E8D2 #C4E7CC #C8E6C8 #D1E5CC

#B5E5EB - #C0E8D2 - #D1E5CC

Códigos CSS

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

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