#D0E5E2 - #68B6B5 | 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 #D0E5E2 a #68B6B5

#D0E5E2 #68B6B5

Calcule el color entre dos colores, #D0E5E2 y #68B6B5. 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)

#D0E5E2 - #68B6B5 | 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 #D0E5E2 como 0% y #68B6B5 como 100%.

0.0%	0.0% #D0E5E2	RGB 208 229 226	#D0E5E2
16.7%	16.7% #BEDDDA	RGB 190 221 218	#BEDDDA
33.3%	33.3% #ADD5D3	RGB 173 213 211	#ADD5D3
50.0%	50.0% #9CCDCB	RGB 156 205 203	#9CCDCB
66.7%	66.7% #8AC5C4	RGB 138 197 196	#8AC5C4
83.3%	83.3% #79BDBC	RGB 121 189 188	#79BDBC
100.0%	100.0% #68B6B5	RGB 104 182 181	#68B6B5

#D0E5E2 #BEDDDA #ADD5D3 #9CCDCB #8AC5C4 #79BDBC #68B6B5

#D0E5E2 - #68B6B5

Mezcla HSV

#D0E5E2 - #68B6B5 | 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 #D0E5E2 como 0% y #68B6B5 como 100%.

0.0%	0.0% #D0E5E2	RGB 208 229 226	#D0E5E2
16.7%	16.7% #BCDDD9	RGB 188 221 217	#BCDDD9
33.3%	33.3% #A9D5D1	RGB 169 213 209	#A9D5D1
50.0%	50.0% #98CDC9	RGB 152 205 201	#98CDC9
66.7%	66.7% #87C5C2	RGB 135 197 194	#87C5C2
83.3%	83.3% #77BDBB	RGB 119 189 187	#77BDBB
100.0%	100.0% #68B6B5	RGB 104 182 181	#68B6B5

#D0E5E2 #BCDDD9 #A9D5D1 #98CDC9 #87C5C2 #77BDBB #68B6B5

#D0E5E2 - #98CDC9 - #68B6B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0E5E2 0%, #98CDC9 50%, #68B6B5 100%);
    background: -webkit-linear-gradient(top, #D0E5E2 0%, #98CDC9 50%, #68B6B5 100%);
    background: linear-gradient(to bottom, #D0E5E2 0%, #98CDC9 50%, #68B6B5 100%);
}
</style>