#D5E5E2 - #6FB5B4 | 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 #D5E5E2 a #6FB5B4

#D5E5E2 #6FB5B4

Calcule el color entre dos colores, #D5E5E2 y #6FB5B4. 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)

#D5E5E2 - #6FB5B4 | 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 #D5E5E2 como 0% y #6FB5B4 como 100%.

0.0%	0.0% #D5E5E2	RGB 213 229 226	#D5E5E2
16.7%	16.7% #C4DDDA	RGB 196 221 218	#C4DDDA
33.3%	33.3% #B3D5D2	RGB 179 213 210	#B3D5D2
50.0%	50.0% #A2CDCB	RGB 162 205 203	#A2CDCB
66.7%	66.7% #91C5C3	RGB 145 197 195	#91C5C3
83.3%	83.3% #80BDBB	RGB 128 189 187	#80BDBB
100.0%	100.0% #6FB5B4	RGB 111 181 180	#6FB5B4

#D5E5E2 #C4DDDA #B3D5D2 #A2CDCB #91C5C3 #80BDBB #6FB5B4

#D5E5E2 - #6FB5B4

Mezcla HSV

#D5E5E2 - #6FB5B4 | 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 #D5E5E2 como 0% y #6FB5B4 como 100%.

0.0%	0.0% #D5E5E2	RGB 213 229 226	#D5E5E2
16.7%	16.7% #C1DDD8	RGB 193 221 216	#C1DDD8
33.3%	33.3% #AFD5D0	RGB 175 213 208	#AFD5D0
50.0%	50.0% #9ECDC8	RGB 158 205 200	#9ECDC8
66.7%	66.7% #8DC5C1	RGB 141 197 193	#8DC5C1
83.3%	83.3% #7DBDBA	RGB 125 189 186	#7DBDBA
100.0%	100.0% #6FB5B4	RGB 111 181 180	#6FB5B4

#D5E5E2 #C1DDD8 #AFD5D0 #9ECDC8 #8DC5C1 #7DBDBA #6FB5B4

#D5E5E2 - #9ECDC8 - #6FB5B4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E5E2 0%, #9ECDC8 50%, #6FB5B4 100%);
    background: -webkit-linear-gradient(top, #D5E5E2 0%, #9ECDC8 50%, #6FB5B4 100%);
    background: linear-gradient(to bottom, #D5E5E2 0%, #9ECDC8 50%, #6FB5B4 100%);
}
</style>