#7CD1D1 - #D1E1B9 | 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 #7CD1D1 a #D1E1B9

#7CD1D1 #D1E1B9

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

#7CD1D1 - #D1E1B9 | 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 #7CD1D1 como 0% y #D1E1B9 como 100%.

0.0%	0.0% #7CD1D1	RGB 124 209 209	#7CD1D1
16.7%	16.7% #8AD3CD	RGB 138 211 205	#8AD3CD
33.3%	33.3% #98D6C9	RGB 152 214 201	#98D6C9
50.0%	50.0% #A6D9C5	RGB 166 217 197	#A6D9C5
66.7%	66.7% #B4DBC1	RGB 180 219 193	#B4DBC1
83.3%	83.3% #C2DEBD	RGB 194 222 189	#C2DEBD
100.0%	100.0% #D1E1B9	RGB 209 225 185	#D1E1B9

#7CD1D1 #8AD3CD #98D6C9 #A6D9C5 #B4DBC1 #C2DEBD #D1E1B9

#7CD1D1 - #D1E1B9

Mezcla HSV

#7CD1D1 - #D1E1B9 | 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 #7CD1D1 como 0% y #D1E1B9 como 100%.

0.0%	0.0% #7CD1D1	RGB 124 209 209	#7CD1D1
16.7%	16.7% #85D3BE	RGB 133 211 190	#85D3BE
33.3%	33.3% #8FD6B0	RGB 143 214 176	#8FD6B0
50.0%	50.0% #99D9A6	RGB 153 217 166	#99D9A6
66.7%	66.7% #A7DBA3	RGB 167 219 163	#A7DBA3
83.3%	83.3% #BEDEAE	RGB 190 222 174	#BEDEAE
100.0%	100.0% #D1E1B9	RGB 209 225 185	#D1E1B9

#7CD1D1 #85D3BE #8FD6B0 #99D9A6 #A7DBA3 #BEDEAE #D1E1B9

#7CD1D1 - #99D9A6 - #D1E1B9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7CD1D1 0%, #99D9A6 50%, #D1E1B9 100%);
    background: -webkit-linear-gradient(top, #7CD1D1 0%, #99D9A6 50%, #D1E1B9 100%);
    background: linear-gradient(to bottom, #7CD1D1 0%, #99D9A6 50%, #D1E1B9 100%);
}
</style>