#7BD1D1 - #D9F1F1 | 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 #7BD1D1 a #D9F1F1

#7BD1D1 #D9F1F1

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

#7BD1D1 - #D9F1F1 | 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 #7BD1D1 como 0% y #D9F1F1 como 100%.

0.0%	0.0% #7BD1D1	RGB 123 209 209	#7BD1D1
16.7%	16.7% #8AD6D6	RGB 138 214 214	#8AD6D6
33.3%	33.3% #9ADBDB	RGB 154 219 219	#9ADBDB
50.0%	50.0% #AAE1E1	RGB 170 225 225	#AAE1E1
66.7%	66.7% #B9E6E6	RGB 185 230 230	#B9E6E6
83.3%	83.3% #C9EBEB	RGB 201 235 235	#C9EBEB
100.0%	100.0% #D9F1F1	RGB 217 241 241	#D9F1F1

#7BD1D1 #8AD6D6 #9ADBDB #AAE1E1 #B9E6E6 #C9EBEB #D9F1F1

#7BD1D1 - #D9F1F1

Mezcla HSV

#7BD1D1 - #D9F1F1 | 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 #7BD1D1 como 0% y #D9F1F1 como 100%.

0.0%	0.0% #7BD1D1	RGB 123 209 209	#7BD1D1
16.7%	16.7% #89D6D6	RGB 137 214 214	#89D6D6
33.3%	33.3% #98DBDB	RGB 152 219 219	#98DBDB
50.0%	50.0% #A7E1E1	RGB 167 225 225	#A7E1E1
66.7%	66.7% #B7E6E6	RGB 183 230 230	#B7E6E6
83.3%	83.3% #C7EBEB	RGB 199 235 235	#C7EBEB
100.0%	100.0% #D9F1F1	RGB 217 241 241	#D9F1F1

#7BD1D1 #89D6D6 #98DBDB #A7E1E1 #B7E6E6 #C7EBEB #D9F1F1

#7BD1D1 - #A7E1E1 - #D9F1F1

Códigos CSS

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

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