#53CFD1 - #CDF1F1 | 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 #53CFD1 a #CDF1F1

#53CFD1 #CDF1F1

Calcule el color entre dos colores, #53CFD1 y #CDF1F1. 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)

#53CFD1 - #CDF1F1 | 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 #53CFD1 como 0% y #CDF1F1 como 100%.

0.0%	0.0% #53CFD1	RGB 83 207 209	#53CFD1
16.7%	16.7% #67D4D6	RGB 103 212 214	#67D4D6
33.3%	33.3% #7BDADB	RGB 123 218 219	#7BDADB
50.0%	50.0% #90E0E1	RGB 144 224 225	#90E0E1
66.7%	66.7% #A4E5E6	RGB 164 229 230	#A4E5E6
83.3%	83.3% #B8EBEB	RGB 184 235 235	#B8EBEB
100.0%	100.0% #CDF1F1	RGB 205 241 241	#CDF1F1

#53CFD1 #67D4D6 #7BDADB #90E0E1 #A4E5E6 #B8EBEB #CDF1F1

#53CFD1 - #CDF1F1

Mezcla HSV

#53CFD1 - #CDF1F1 | 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 #53CFD1 como 0% y #CDF1F1 como 100%.

0.0%	0.0% #53CFD1	RGB 83 207 209	#53CFD1
16.7%	16.7% #65D4D6	RGB 101 212 214	#65D4D6
33.3%	33.3% #78DADB	RGB 120 218 219	#78DADB
50.0%	50.0% #8CE0E1	RGB 140 224 225	#8CE0E1
66.7%	66.7% #A1E5E6	RGB 161 229 230	#A1E5E6
83.3%	83.3% #B6EBEB	RGB 182 235 235	#B6EBEB
100.0%	100.0% #CDF1F1	RGB 205 241 241	#CDF1F1

#53CFD1 #65D4D6 #78DADB #8CE0E1 #A1E5E6 #B6EBEB #CDF1F1

#53CFD1 - #8CE0E1 - #CDF1F1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #53CFD1 0%, #8CE0E1 50%, #CDF1F1 100%);
    background: -webkit-linear-gradient(top, #53CFD1 0%, #8CE0E1 50%, #CDF1F1 100%);
    background: linear-gradient(to bottom, #53CFD1 0%, #8CE0E1 50%, #CDF1F1 100%);
}
</style>