#83CCC3 - #D5E1B5 | 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 #83CCC3 a #D5E1B5

#83CCC3 #D5E1B5

Calcule el color entre dos colores, #83CCC3 y #D5E1B5. 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)

#83CCC3 - #D5E1B5 | 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 #83CCC3 como 0% y #D5E1B5 como 100%.

0.0%	0.0% #83CCC3	RGB 131 204 195	#83CCC3
16.7%	16.7% #90CFC0	RGB 144 207 192	#90CFC0
33.3%	33.3% #9ED3BE	RGB 158 211 190	#9ED3BE
50.0%	50.0% #ACD6BC	RGB 172 214 188	#ACD6BC
66.7%	66.7% #B9DAB9	RGB 185 218 185	#B9DAB9
83.3%	83.3% #C7DDB7	RGB 199 221 183	#C7DDB7
100.0%	100.0% #D5E1B5	RGB 213 225 181	#D5E1B5

#83CCC3 #90CFC0 #9ED3BE #ACD6BC #B9DAB9 #C7DDB7 #D5E1B5

#83CCC3 - #D5E1B5

Mezcla HSV

#83CCC3 - #D5E1B5 | 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 #83CCC3 como 0% y #D5E1B5 como 100%.

0.0%	0.0% #83CCC3	RGB 131 204 195	#83CCC3
16.7%	16.7% #8ACFB4	RGB 138 207 180	#8ACFB4
33.3%	33.3% #92D3A8	RGB 146 211 168	#92D3A8
50.0%	50.0% #9BD69F	RGB 155 214 159	#9BD69F
66.7%	66.7% #AEDAA3	RGB 174 218 163	#AEDAA3
83.3%	83.3% #C2DDAC	RGB 194 221 172	#C2DDAC
100.0%	100.0% #D5E1B5	RGB 213 225 181	#D5E1B5

#83CCC3 #8ACFB4 #92D3A8 #9BD69F #AEDAA3 #C2DDAC #D5E1B5

#83CCC3 - #9BD69F - #D5E1B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83CCC3 0%, #9BD69F 50%, #D5E1B5 100%);
    background: -webkit-linear-gradient(top, #83CCC3 0%, #9BD69F 50%, #D5E1B5 100%);
    background: linear-gradient(to bottom, #83CCC3 0%, #9BD69F 50%, #D5E1B5 100%);
}
</style>