#52A8B5 - #DBDEC7 | 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 #52A8B5 a #DBDEC7

#52A8B5 #DBDEC7

Calcule el color entre dos colores, #52A8B5 y #DBDEC7. 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)

#52A8B5 - #DBDEC7 | 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 #52A8B5 como 0% y #DBDEC7 como 100%.

0.0%	0.0% #52A8B5	RGB 82 168 181	#52A8B5
16.7%	16.7% #68B1B8	RGB 104 177 184	#68B1B8
33.3%	33.3% #7FBABB	RGB 127 186 187	#7FBABB
50.0%	50.0% #96C3BE	RGB 150 195 190	#96C3BE
66.7%	66.7% #ADCCC1	RGB 173 204 193	#ADCCC1
83.3%	83.3% #C4D5C4	RGB 196 213 196	#C4D5C4
100.0%	100.0% #DBDEC7	RGB 219 222 199	#DBDEC7

#52A8B5 #68B1B8 #7FBABB #96C3BE #ADCCC1 #C4D5C4 #DBDEC7

#52A8B5 - #DBDEC7

Mezcla HSV

#52A8B5 - #DBDEC7 | 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 #52A8B5 como 0% y #DBDEC7 como 100%.

0.0%	0.0% #52A8B5	RGB 82 168 181	#52A8B5
16.7%	16.7% #62BBA9	RGB 98 187 169	#62BBA9
33.3%	33.3% #74C299	RGB 116 194 153	#74C299
50.0%	50.0% #87C990	RGB 135 201 144	#87C990
66.7%	66.7% #A6D09B	RGB 166 208 155	#A6D09B
83.3%	83.3% #C5D7B0	RGB 197 215 176	#C5D7B0
100.0%	100.0% #DBDEC7	RGB 219 222 199	#DBDEC7

#52A8B5 #62BBA9 #74C299 #87C990 #A6D09B #C5D7B0 #DBDEC7

#52A8B5 - #87C990 - #DBDEC7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #52A8B5 0%, #87C990 50%, #DBDEC7 100%);
    background: -webkit-linear-gradient(top, #52A8B5 0%, #87C990 50%, #DBDEC7 100%);
    background: linear-gradient(to bottom, #52A8B5 0%, #87C990 50%, #DBDEC7 100%);
}
</style>