#52B5B5 - #C3E0AD | 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 #52B5B5 a #C3E0AD

#52B5B5 #C3E0AD

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

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

0.0%	0.0% #52B5B5	RGB 82 181 181	#52B5B5
16.7%	16.7% #64BCB3	RGB 100 188 179	#64BCB3
33.3%	33.3% #77C3B2	RGB 119 195 178	#77C3B2
50.0%	50.0% #8ACAB1	RGB 138 202 177	#8ACAB1
66.7%	66.7% #9DD1AF	RGB 157 209 175	#9DD1AF
83.3%	83.3% #B0D8AE	RGB 176 216 174	#B0D8AE
100.0%	100.0% #C3E0AD	RGB 195 224 173	#C3E0AD

#52B5B5 #64BCB3 #77C3B2 #8ACAB1 #9DD1AF #B0D8AE #C3E0AD

#52B5B5 - #C3E0AD

Mezcla HSV

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

0.0%	0.0% #52B5B5	RGB 82 181 181	#52B5B5
16.7%	16.7% #5FBCA6	RGB 95 188 166	#5FBCA6
33.3%	33.3% #6DC39A	RGB 109 195 154	#6DC39A
50.0%	50.0% #7CCA92	RGB 124 202 146	#7CCA92
66.7%	66.7% #8BD18E	RGB 139 209 142	#8BD18E
83.3%	83.3% #A7D89B	RGB 167 216 155	#A7D89B
100.0%	100.0% #C3E0AD	RGB 195 224 173	#C3E0AD

#52B5B5 #5FBCA6 #6DC39A #7CCA92 #8BD18E #A7D89B #C3E0AD

#52B5B5 - #7CCA92 - #C3E0AD

Códigos CSS

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

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